JavaScript函数的属性和方法

目录

1、length属性

 2、prototype属性

3、apply()方法和call()方法

4、bind()方法

5、继承的方法

---

 

ECMAScript中的函数时对象，因此函数也有属性和方法。每个函数都包含连个属性：length和prototype

1、length属性

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

functionsayHi(){
    alert("hi");
}
functionsayName(name){
    alert(name);
}
functionsum(num1, num2){
    return num1 + num2;
}
alert(sayHi.length);	//0
alert(sayName.length);	//1
alert(sum.length);	//2

 2、prototype属性

对于ECMAScript中的引用类型而言，prototype是保存它们所有实例方法的真正所在。诸如toString()和valueOf()等方法实际上都保存在prototype名下，只不过是通过各自的对象实例来访问。在创建自定义引用类型时，prototype属性的作用是极为重要的。

在ECMAScript5中，prototype属性是不可枚举的，因此使用for-in无法发现。

3、apply()方法和call()方法

每个函数都包含两个非继承而来的方法：apply()和call()。这两个方法的用途都是在特定的执行环境中调用函数，实际上等于设置函数体内this对象的值。

apply()方法接收两个参数：一个是在其中运行函数的执行环境，另一个是参数数组。其中，第二个参数可以是Array的实例，也可以是arguments对象。如下：

functionsum(num1, num2){
    return num1 + num2;
}
functioncallSum1(num1, num2){
    return sum.apply(this, arguments);
}
functioncallSum2(num1, num2){
    return sum.apply(this, [num1, num2]);  
}

console.log(callSum1(10,10));	//20
console.log(callSum2(10,10));	//20

call()方法与apply()方法的作用相同，它们的区别仅在于接收参数的方式不同。

对于call()方法而言，第一个参数与apply()方法相同，变化的是其余参数都直接传递给函数，也就是说传递给函数的参数必须逐个列举出来。如下： 

functionsum(num1, num2){
    return num1 + num2;
}
functioncallSum(num1, num2){
    return sum.call(this, num1, num2);
}

console.log(callSum(10, 10));	//20

事实上，传递参数并非apply()和call()真正的用武之地，它们真正强大的地方是能够扩充函数赖以运行的执行环境。使用call()或apply()方法来扩充作用域的最大好处，就是对象不需要与方法有任何耦合关系，如下： 

window.color = "red";
var o = {color: "blue"};
functionsayColor(){
    console.log(this.color);
}

sayColor();	//red
sayColor.call(this);	//red
sayColor.call(window);	//red
sayColor.call(o);	//blue

4、bind()方法

ECMAScript5定义了bind()方法，这个方法会创建一个函数的实例，其this值会被绑定到传给bind()函数的值。如下：

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

在这里，sayColor()调用bind()并传入对象o，创建了objectSayColor()函数。objectSayColor()函数的this值等于o，因此即使是在全局作用域中调用这个函数，也会看到“blue”。

支持bind()方法的浏览器有IE9+、Firefox4+、Safari5.1+、Opera12+和Chrome。

5、继承的方法

每个函数继承的toLocaleString()和toString()方法始终都返回函数的代码，返回代码的格式则因浏览器而异。

valueOf()方法同样也只返回函数代码。