JS引用类型（5）——Function类型

【5】Function类型
每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。

（1）定义函数

1》使用函数声明语法

function sum(num1,num2){
return num1+num2;
}

2》使用函数表达式

var sum = function(num1,num2){
return num1+num2;
};

3》使用Function构造函数

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

（2）没有重载

function addSomeNumber(num){
return num + 100;
}
function addSomeNumber(num){
return num + 200;
}
var result = addSomeNumber(100); //300

var addSomeNumber = function(num){
return num + 100;
}
addSomeNumber = function(num){
return num + 200;
}
var result = addSomeNumber(100); //300
//因为函数名是指针，在创建第二个函数时，覆盖了引用第一个函数的变量addSomeNumber。

（3）函数声明与函数表达式

　　解析器在向执行环境中加载数据时，会率先读取函数声明，并使其在执行任何代码之前可用；至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。除此之外，函数声明与函数表达式两者是等价的

（4）作为值的函数

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

function callSomeFunction(someFunction,someArgument){
return someFunction(someArgument);
}

//例子
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;
}
};
}

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

data.sort(createComparisonFunction("name"));
alert(data[0].name); //Nicholas

data.sort(createComparisonFunction("age"));
alert(data[0].name); //Zachary

（5）函数内部属性

1》arguments

arguments的主要用途是保存函数参数，但这个对象还有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数。

function factorial(num){
if(num<=1){
return 1;
}else{
return num * arguments.callee(num-1);
}
}
var trueFactorial = factorial;
factorial = function(){
return 0;
};
alert(trueFactorial(5)); //120
alert(factorial(5)); //0

2》this

this引用的是函数据以执行的环境对象，当在网页的全局作用域中调用函数时，this对象引用的就是window。
函数的名字仅仅是一个包含指针的变量而已。

3》caller

这个属性中保存着调用当前函数的函数的引用，如果是在全局作用域中调用当前函数，它的值是null。
arguments.caller属性在严格模式下访问会导致错误，在非严格模式下始终是undefined。

（6）函数属性与方法

1》属性：length、prototype

• length属性表示函数希望接收的命名参数的个数。
• protptype属性保存所有实例方法，例如toString()和valueOf()等，通过各自对象的实例访问。protptype属性不可枚举，无法使用for-in。（下章详讲）

2》方法：apply()、call()、bind()

• apply()和call()这两个方法的用途都是在特定的作用域中调用函数，实际等于设置函数体内this对象的值。
• 首先，apply()方法接受两个参数：一个是在其中函数运行的作用域，另一个是参数数组。其中，第二个参数可以是Array的实例，也可以是arguments对象。
• call()方法和apply()方法的作用相同，它们的区别仅在于接受参数的方式不同。对于call()方法而言，第一个参数是this值没有变化。变化的是其余参数都直接传递给函数，即传递给函数的参数必须逐个列举出来。
• call()和apply()可以扩充函数的作用域,对象不需要与方法有任何耦合关系。

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

• bind()方法，会创建一个函数的实例，其this值会被绑定到传给bind()函数的值。

window.color = "red";
var o = {color:"blue"};
function sayColor(){
alert(this.color);
}
var objectSayColor = sayColor.bind(o);
objectSayColor(); //blue

3》toLocalString()、toString()、valueOf()方法始终都返回函数的代码，返回代码的格式则因浏览器而异。

 

转载于:https://www.cnblogs.com/LS-tuotuo/p/5898708.html