当前位置:首页 > 嵌入式培训 > 嵌入式学习 > 讲师博文 > JS引用数据类型

JS引用数据类型 时间:2018-09-28      来源:未知

 getUTCDay()                                                    返回UTC日期中星期的星期几(其中0表示星期日, 6表示星期六)

            getHours()                                                       返回日期中的小时数(0到23)

            getUTCHours()                                                 返回UTC日期中的小时数(0到23)

            setHours(时)                                                    设置日期中的小时数。传入的值超过了23则增加月份中的天数

            setUTCHours(时)                                              设置UTC日期中的小时数。传入的值超过了23则增加月份中的天数

            getMinutes()                                                     返回日期中的分钟数(0到59)

            getUTCMinutes()                                               返回UTC日期中的分钟数(0到59)

            setMinutes(分)                                                  设置日期中的分钟数。传入的值超过59则增加小时数

            setUTCMinutes(分)                                            设置UTC日期中的分钟数。传入的值超过59则增加小时数

            getSeconds()                                                   返回日期中的秒数(0到59)

            getUTCSeconds()                                            返回UTC日期中的秒数(0到59)

            setSeconds(秒)                                               设置日期中的秒数。传入的值超过了59会增加分钟数

            setUTCSeconds(秒)                                        设置UTC日期中的秒数。传入的值超过了59会增加分钟数

            getMilliseconds()                                             返回日期中的毫秒数

            getUTCMilliseconds()                                       返回UTC日期中的毫秒数

            setMilliseconds(毫秒)                                       设置日期中的毫秒数  

            setUTCMilliseconds(毫秒)                                设置UTC日期中的毫秒数

           getTimezoneOffset()                                         返回本地时间与UTC时间相差的分钟数。例如,美国东部标准时间返回300。在某地进入夏令时的情况下,这个值会有所变化  

 

四、Function类型

        函数实际上是对象。每个函数都是 Function 类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。函数通常是使用函数声明语法定义的,如下面的例子所示。  

1.             function sum (num1, num2) {

2.                 return num1 + num2;

3.             }

4.             这与下面使用函数表达式定义函数的方式几乎相差无几。

5.             var sum = function(num1, num2){

6.                 return num1 + num2;

7.             };

       后一种定义函数的方式是使用 Function 构造函数。Function 构造函数可以接收任意数量的参数,但后一个参数始终都被看成是函数体,而前面的参数则枚举出了新函数的参数。  

1.             var sum = new Function("num1", "num2", "return num1 + num2"); // 不推荐

        我们不推荐读者使用这种方法定义函数,因为这种语法会导致解析两次代码(第一次是解析常规 ECMAScript 代码,第二次是解析传入构造函数中的字符串),从而影响性能。  

        一个函数可能会有多个名字  

1.             function sum(num1, num2){

2.                 return num1 + num2;

3.             }

4.             alert(sum(10,10)); //20

5.             var anotherSum = sum;

6.             alert(anotherSum(10,10)); //20

7.             sum = null;

8.             alert(anotherSum(10,10)); //20

        连续创建两个相同的函数名的函数,实际上在创建第二个函数时,实际上覆盖了第一个函数引用。

1.             var addSomeNumber = function (num){

2.                 return num + 100;

3.             };

4.             addSomeNumber = function (num) {

5.                 return num + 200;

6.             };

7.             var result = addSomeNumber(100); //300

 

        函数声明与函表达式:

                解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);  

1.             alert(sum(10,10));

2.             function sum(num1, num2){

3.                 return num1 + num2;

4.             }

        以上代码完全可以正常运行。因为在代码开始执行之前,解析器就已经通过一个名为函数声明提升的过程,读取并将函数声明添加到执行环境中。  

        至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。  

1.             alert(sum(10,10));

2.             var sum = function(num1, num2){

3.                 return num1 + num2;

4.             };

        以上代码之所以会在运行期间产生错误,原因在于函数位于一个初始化语句中,而不是一个函数声明。  

 

        作为值的函数:

                因为 ECMAScript 中的函数名本身就是变量,所以函数也可以作为值来使用。也就是说,不仅可以像传递参数一样把一个函数传递给另一个函数,而且可以将一个函数作为另一个函数的结果返回。  

1. function callSomeFunction(someFunction, someArgument){

2.     return someFunction(someArgument);

3. }

4.

5. function add10(num){

6.     return num + 10;

7. }

8.

9. var result1 = callSomeFunction(add10, 10);

10. alert(result1); //20

11.

12. function getGreeting(name){

13.     return "Hello, " + name;

14. }

15.

16. var result2 = callSomeFunction(getGreeting, "Nicholas");

17. alert(result2); //"Hello, Nicholas"

 

        当然,可以从一个函数中返回另一个函数,而且这也是极为有用的一种技术。例如,假设有一个对象数组,我们想要根据某个对象属性对数组进行排序。而传递给数组 sort()方法的比较函数要接收两个参数,即要比较的值。可是,我们需要一种方式来指明按照哪个属性来排序。要解决这个问题,可以定义一个函数,它接收一个属性名,然后根据这个属性名来创建一个比较函数,下面就是这个函数的定义。  

1.             function createComparisonFunction(propertyName) {

2.                 return function(object1, object2){

3.                     var value1 = object1[propertyName];

4.                     var value2 = object2[propertyName];

5.                     if (value1 < value2){

6.                         return -1;

7.                     } else if (value1 > value2){

8.                         return 1;

9.                     } else {

10.                         return 0;

11.                     }

12.                 };

13.             }

14.             var data = [{name: "Zachary", age: 28}, {name: "Nicholas", age: 29}];

15.             data.sort(createComparisonFunction("name"));

16.             alert(data[0].name); //Nicholas

17.             data.sort(createComparisonFunction("age"));

18.             alert(data[0].name); //Zachary

 

        函数的内部属性:

        在函数内部,有两个特殊的对象: arguments 和 this。  

                arguments它是一个类数组对象,包含着传入函数中的所有参数。虽然 arguments 的主要用途是保存函数参数,但这个对象还有一个名叫 callee 的属性,该属性是一个指针,指向拥有这个 arguments 对象的函数。  

        递归函数:

1.             function factorial(num){

2.                 if (num <=1) {

3.                     return 1;

4.                 } else {

5.                     return num * factorial(num-1)

6.                 }

7.             }

        如上面的代码所示,在函数有名字,而且名字以后也不会变的情况下,这样定义没有问题。但问题是这个函数的执行与函数名 factorial 紧紧耦合在了一起。为了消除这种紧密耦合的现象,可以像下面这样使用 arguments.callee。  

1.             function factorial(num){

2.                 if (num <=1) {

3.                     return 1;

4.                 } else {

5.                     return num * arguments.callee(num-1)

6.                 }

7.             }

        函数内部的另一个特殊对象是 this,其行为与 Java 和 C#中的 this 大致类似。换句话说, this引用的是函数据以执行的环境对象——或者也可以说是 this 值(当在网页的全局作用域中调用函数时,this 对象引用的就是 window)。  

1.             window.color = "red";

2.             var o = { color: "blue" };

3.             function sayColor(){

4.                 alert(this.color);

5.             }

6.             sayColor(); //"red"

7.             o.sayColor = sayColor;

8.             o.sayColor(); //"blue"

        ECMAScript 5 也规范化了另一个函数对象的属性: caller。这个属性中保存着调用当前函数的函数的引用,如果是在全局作用域中调用当前函数,它的值为 null。如果是在全局作用域中调用当前函数,它的值为 null。

1.             function outer(){

2.                 inner();

3.             }

4.             function inner(){

5.                 alert(inner.caller);

6.             }

7.             outer();

        以上代码会导致警告框中显示 outer()函数的源代码。因为 outer()调用了 inter(),所以inner.caller 就指向 outer()。为了实现更松散的耦合,也可以通过 arguments.callee.caller来访问相同的信息。

1.             function outer(){

2.                 inner();

3.             }

4.             function inner(){

5.                 alert(arguments.callee.caller);

6.             }

7.             outer();

 

        函数的属性和方法:

                ECMAScript 中的函数是对象,因此函数也有属性和方法。每个函数都包含两个属性: length 和 prototype。  

                length 属性表示函数希望接收的命名参数的个数 。

1.             function sayName(name){

2.                 alert(name);

3.             }

4.             function sum(num1, num2){

5.                 return num1 + num2;

6.             }

7.             function sayHi(){

8.                 alert("hi");

9.             }

10.             alert(sayName.length); //1

11.             alert(sum.length); //2

12.             alert(sayHi.length); //0

        ECMAScript 中的引用类型而言, prototype 是保存它们所有实例方法的真正所在。换句话说,诸如toString()和 valueOf()等方法实际上都保存在 prototype 名下,只不过是通过各自对象的实例访问罢了。在创建自定义引用类型以及实现继承时, prototype 属性的作用是极为重要的。在 ECMAScript 5 中, prototype 属性是不可枚举的,因此使用 for-in 无法发现。  

        每个函数都包含两个非继承而来的方法: apply()和 call()。这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内 this 对象的值。首先, apply()方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组。其中,第二个参数可以是 Array 的实例,也可以是arguments 对象。  

1.             function sum(num1, num2){

2.                 return num1 + num2;

3.             }

4.             function callSum1(num1, num2){

5.                 return sum.apply(this, arguments); // 传入 arguments 对象

6.             }

7.             function callSum2(num1, num2){

8.                 return sum.apply(this, [num1, num2]); // 传入数组

9.             }

10.             alert(callSum1(10,10)); //20

11.             alert(callSum2(10,10)); //20        

       call()方法与 apply()方法的作用相同,它们的区别仅在于接收参数的方式不同。对于 call()方法而言,第一个参数是 this 值没有变化,变化的是其余参数都直接传递给函数。换句话说,在使用call()方法时,传递给函数的参数必须逐个列举出来  

1.             function sum(num1, num2){

2.                 return num1 + num2;

3.             }

4.             function callSum(num1, num2){

5.                 return sum.call(this, num1, num2);

6.             }

7.             alert(callSum(10,10)); //20

       事实上,传递参数并非 apply()和 call()真正的用武之地;它们真正强大的地方是能够扩充函数赖以运行的作用域。  

1.             window.color = "red";

2.             var o = { color: "blue" };

3.             function sayColor(){

4.                 alert(this.color);

5.             }

6.             sayColor(); //red

7.             sayColor.call(this); //red

8.             sayColor.call(window); //red

9.             sayColor.call(o); //blue

       ECMAScript 5 还定义了一个方法: bind()。这个方法会创建一个函数的实例,其 this 值会被绑定到传给 bind()函数的值。  

1.             window.color = "red";

2.             var o = { color: "blue" };

3.             function sayColor(){

4.                 alert(this.color);

5.             }

6.             var objectSayColor = sayColor.bind(o);

7.             objectSayColor(); //blue

       每个函数继承的 toLocaleString()和 toString()方法始终都返回函数的代码。另外一个继承的valueOf()方法同样也只返回函数代码。

上一篇:JS引用数据类型

下一篇:图片的scaleType属性

热点文章推荐
华清学员就业榜单
高薪学员经验分享
热点新闻推荐
前台专线:010-82525158 企业培训洽谈专线:010-82525379 院校合作洽谈专线:010-82525379 Copyright © 2004-2022 北京华清远见科技集团有限公司 版权所有 ,京ICP备16055225号-5京公海网安备11010802025203号

回到顶部