JavaScript 中 call()apply()bind() 的用法

Posted jinsuo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 中 call()apply()bind() 的用法相关的知识,希望对你有一定的参考价值。

通过 call() 或 apply() 方法你可以设置 this 的值, 且作为已存在对象的新方法调用。

call() 和 apply() 是预定义的函数方法。 两个方法可用于调用函数,两个方法的第一个参数必须是对象本身。

两个方法都使用了对象本身作为第一个参数。 两者的区别在于第二个参数: apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入,而call则作为call的参数传入(从第二个参数开始)。

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var myObject, myArray;
function myFunction(a, b) {
    return a * b;
}
myArray = [10, 2]
myObject = myFunction.apply(myObject, myArray);      // 返回 20
document.getElementById("demo").innerHTML = myObject; 
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var myObject;
function myFunction(a, b) {
return a * b;
}
myObject = myFunction.call(myObject, 10, 2); // 返回 20
document.getElementById("demo").innerHTML = myObject;
</script>

</body>
</html>

以上是关于JavaScript 中 call()apply()bind() 的用法的主要内容,如果未能解决你的问题,请参考以下文章

学习JavaScript之this,call,apply

JavaScript中call和apply方法

浅谈javascript中的call与apply方法

JavaScript中的apply()方法和call()方法使用介绍

JavaScript中 call和apply

关于javascript中call()和apply()方法的总结