JavaScript读书笔记(6)-Function

Function类型

ECMAScript中函数是对象,每个函数都是Function类型的实例,也有属性和方法,函数是对象,函数名实际上市一个指向函数对象的指针,不会与某个函数绑定;

function sum(num1,num2){

         return num1+num2;

}

同:

var sum=function(num1,num2){

         return num1+num2;

};

(1)没有重载

若声明了两个同名函数,后面的函数会覆盖前面的函数;

(2)函数声明和函数表达式

解析器会率先读取函数声明,并使其在执行任何代码之前可以访问,而函数表达式,必须等到解析器执行到它所在的代码行,才会真正被解释执行;

alert(sum(10,10));

function sum(num1,num2){

         return num1+num2;

}

以上代码正常执行,解析器在代码执行之前,读取并将函数声明添加到执行环境中,对代码求值时,js引擎在第一遍会声明函数并将它们放到源代码树的顶部;

以下代码中(函数表达式方法),在执行期间导致错误

alert(sum(10,10));

var sum=function(num1,num2){

         return num1+num2;

}

函数位于一个初始化语句中,而不是一个函数声明,在执行到函数所在的语句之前,变量sum中不会保存有对函数的引用;

(3)作为值的函数

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

function callSomeFunction(somFunction,someArgment){

         return someFunction(someArgment);

}

function add10(num){

         return num+10;

}

var result=callSomeFunction(add10,10);

alert(result);   //20

可以从一个函数中返回另一个函数

function createComparisonFunction(propertyName){

         return function(object1,object2){

                  var value1=object1[propertyName];

                   var value2=object2[propertyName];

                   if (value1<value2){

                            return -1;

                   }else if(value1>value2){

                            return 1;

}else {

         return 0;

}

};

}

(4)函数内部属性

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

arguments保存函数参数,还有个callee属性,为一个指针,指向拥有这个arguments对象的函数;

function factorial(num){

         if(num<=1){

                  return 1;

}else{

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

}

}

this引用的是函数据以执行的环境对象;

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

当函数在严格模式下运行时,访问arguments.callee会导致错误,argumen.caller也是,在非严格模式下这个属性始终是undefined;

在严格模式下不能为函数的caller属性赋值,否则会导致错误;

(5)函数属性和方法

每个函数都包含两个属性:length和prototype;

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

对于ECMAScript中的引用类型而言,prototype是保存它们所有实例方法的真正所在,prototype属性不可枚举;

每个函数都包含两个非继承而来的方法:apply和call;在特定的作用域中调用函数,即设置函数体内this对象的值;

apply方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组(可以是Array的实例,也可以是arguments);

function sum(num1,num2){

         return num1+num2;

}

function callSum1(num1,num2){

         return sum.apply(this,arguments);

}

function callSum2(num1,num2){

         return sum.apply(this,[num1,num2]);

}

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

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

在严格模式下,为指定环境对象而调用函数,this值不会转型为window;

call方法,传递给函数的参数必须逐个列举出来

function sum(num1,num2){

         return num1+num2;

}

function callSum(num1,num2){

         return sum.apply(this,num1,num2);

}

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

apply和call真正强大的地方时能够扩充函数赖以运行的作用域;

window.color=”red”;

var o={color:”blue”};

function sayColor(){

         alert(this.color);

}

sayColor();  //red

sayColor.call(this); //red

sayColor.call(window);  //red

sayColor.call(o);  //blue

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

window.color=”red”;

var o={color:”blue”};

function sayColor(){

         alert(this.color);

}

var objectSayColor=sayColor.bind(o);

objectSayColor();  //blue

 

每个函数继承的toLocalString和toString方法始终都会返回函数的代码;

posted @ 2015-06-13 23:20  always on the way  阅读(260)  评论(0编辑  收藏  举报