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

简单来做个介绍

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>

猜你喜欢

转载自blog.csdn.net/weixin_44360943/article/details/108632153
今日推荐