第123篇: JS函数属性与方法

好家伙,本篇为《JS高级程序设计》第十章“函数”学习笔记

ECMAScript 中的函数是对象，因此有属性和方法。

1.函数属性

每个函数都有两个属性：length 和 prototype。

length属性: 保存函数定义的命名参数的个数

prototype: toString()、valueOf()等方法实际上都保存在 prototype 上，进而有所有实例共享

2.函数方法

2.1.apply()方法和call()方法

通过 apply() 方法，您能够编写用于不同对象的方法。

(在一个对象中调用另一个对象的方法)

function sum(a, b) {
    return a + b;
}

function getSum(a, b) {
    return sum.apply(this, arguments);
}

console.log(getSum(1, 2));

call()方法和apply()方法不同的地方在于

(1) apply() 方法接受数组形式的参数

(2) call() 方法分别接受参数。

示例如下:

function sum(a, b) {
    return a + b;
}

function getSum(a, b) {
    return sum.call(this, a, b);
}

console.log(getSum(1, 2));

 

这时候有人会问了,那我直接调用不就好了,为什么要用apply()和call()

我们可以用参数this去设置任意函数的作用域

window.color = 'red';
let o = {
 color: 'blue'
};
function sayColor() {
 console.log(this.color);
}
sayColor(); // red
sayColor.call(this); // red 此处this指向window
sayColor.call(window); // red
sayColor.call(o); // blue 

所以,大概出来使用apply()方法和call()方法的好处了

使用 call()或 apply()的好处是可以将任意对象设置为任意函数的作用域

2.2.bind()

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

window.color = 'red';
var object_1 = {
    color: 'blue'
};

function sayColor() {
    console.log(this.color);
}
let objectSayColor = sayColor.bind(object_1);

objectSayColor(); // blue 

objectSayColor = sayColor.bind(window);

sayColor();

objectSayColor();