今日热讯：第123篇: JS函数属性与方法

2023-02-27 19:07:37 来源：博客园

好家伙,本篇为《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指向windowsayColor.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();

关键词：一个对象命名参数一个新的