改变this指向 apply() call() 和bind() 的区别（简单介绍，适用于初学者）

最新推荐文章于 2023-07-08 10:55:48 发布

我有理想.

最新推荐文章于 2023-07-08 10:55:48 发布

阅读量162

点赞数

分类专栏： js 文章标签： js javascript 前端

本文链接：https://blog.csdn.net/weixin_44360943/article/details/108632153

版权

js 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

初学者小白

5 篇文章 0 订阅

订阅专栏

简单来做个介绍

apply() 参数是以数组的形式传递（立即执行函数）

call() 参数是以值的形式依次传递（立即执行函数）

bind() 参数是以值的形式依次传递（不立即执行，返回函数）

接下来是代码块演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>改变this指向 apply call和bind的区别</title>
</head>
<body>
    
</body>
<script>
    
function fun(a, b) {
    console.log("a = "+a,'b='+b);
    //alert(this);
    console.log(this)
}

var obj = {
    name: "obj",
    sayName: function() {
        console.log(this)
    }
};
fun(1,2)
obj.sayName()
// apply 参数是以数组的形式传递    立即执行函数
// call 参数是以值的形式依次传递   立即执行函数
//  bind 参数是以值的形式依次传递  不立即执行，返回函数
// fun.apply(obj);   
// fun.apply(obj,[2,4]);   
// fun.call(obj,2,4);   
var a= fun.bind(obj,2,4) ; 
a()
// fun(2,3)

</script>
</html>