apply和call的用法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了apply和call的用法相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>04-apply和call方法</title>
<script>
// apply和call方法
// 作用：可以设置函数的具体调用者，来修改函数的作用域
// 第一个参数：就是指的是函数的调用者
var color = ‘green‘;
var getColor = function(){
var color = ‘blue‘;
console.log(color);
console.log(this.color);
}
// getColor();
// window.getColor();
// getColor.apply(this);
// getColor.call(this);
var obj1 = {
color:‘yellow‘
};
// 相当于obj1来调用getColor
// getColor.apply(obj1);
// getColor.call(obj1);
var obj2 = {
color:‘red‘,
}
// 把getColor这个函数赋给obj2对象的属性abc
// 如果obj2中有abc属性，那么下面的语句会修改abc属性，如果obj2中没有abc属性，那么就为obj2添加一个abc属性
obj2.abc = getColor;
// 调用obj2的abc属性
// obj2.abc();
function sum (num1,num2){
return num1 + num2;
}
var result1 = sum(1,2);
// console.log(result1);
// apply方法传递调用函数的参数，需要使用数组，或者是类数组
var result2 = sum.apply(this,[1,2]);
console.log(result2);
function callSum (num3,num4){
return sum.apply(this,arguments);
}
var result3 = callSum(2,3);
console.log(result3);
// call方法传递调用函数的参数，是要一个一个的把实参传递进去
var result4 = sum.call(this,5,8);
console.log(result4);
// 总结：apply和call方法：
// 第一个参数类似，之后的参数不同。
</script>
</head>
<body>
</body>
</html>
以上是关于apply和call的用法的主要内容，如果未能解决你的问题，请参考以下文章