apply call bind写一些案例代码
时间: 2023-09-14 14:09:48 浏览: 94
【JavaScript源代码】JavaScript函数之call、apply以及bind方法案例详解.docx
好的,我可以为您提供一些apply、call和bind的使用案例代码。
1. 使用apply调用函数
```javascript
function sum(x, y) {
return x + y;
}
var arr = [3, 4];
// 将数组 arr 中的元素作为参数传递给 sum 函数
var result = sum.apply(null, arr);
console.log(result); // 7
```
在这个案例中,我们定义了一个求和函数sum,使用apply将数组作为参数传递给sum函数并计算结果。在apply中,第一个参数为null,表示this指向全局对象,第二个参数为一个数组,表示要传递给函数的参数。
2. 使用call调用函数
```javascript
function getProduct(name, price) {
console.log(`${name}的价格是${price}元。`);
}
getProduct.call(null, '苹果', 5.2);
```
在这个案例中,我们定义了一个获取商品信息的函数getProduct,使用call将name和price作为参数传递给getProduct函数并输出结果。在call中,第一个参数为null,表示this指向全局对象,后面的参数依次表示要传递给函数的参数。
3. 使用bind改变函数this指向
```javascript
var person = {
name: '小明',
sayHi: function() {
console.log('Hi, 我是' + this.name);
}
};
var student = {
name: '小红'
};
var sayHi = person.sayHi.bind(student);
sayHi(); // Hi, 我是小红
```
在这个案例中,我们定义了一个person对象和一个student对象,person对象有一个sayHi方法,使用bind将sayHi方法绑定到student对象上并保存到sayHi变量中。调用sayHi函数时,会输出“Hi,我是小红”,因为我们已经将sayHi方法的this指向student对象。
希望这些案例代码可以帮助您更好地理解apply、call和bind函数的使用。
阅读全文