JavaScript——Call、Apply、Bind区别

最新推荐文章于 2024-07-15 14:11:16 发布

MyDreamingCode

最新推荐文章于 2024-07-15 14:11:16 发布

阅读量609

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_61706112/article/details/124191673

版权

javascript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

一、call的用法

1. 可以改变this指向

2. 调用函数

3. 参数传递 par1,par2,..

var object = {
    name:'LiLi'
}
function fn(x,y) {
    console.log(this);
    console.log(x+y);
}
fn.call(object,1,2);

二、apply的用法

1. 可以改变this指向

2. 调用函数

3. 参数传递 [ par1,par2,.. ] 数组形式

var object = {
    name:'LiLi'
}
function fn(x,y) {
    console.log(this);
    console.log(x+y);
}
fn.apply(object,[1,2]);
//常用于调用Math函数求数组最大值/最小值
var arr = [20,2,45,12,80];
console.log(Math.max.apply(null,arr));
console.log(Math.min.apply(null,arr));

三、bind的用法

1. 可以先改变this指向

2. 不立即执行函数

3. 参数传递 par1,par2,..

<body>
    <button>点击</button>
    <script>
        var btn = document.querySelector("button");
        btn.onclick = function() {
            this.disabled = true;
            setTimeout(function() {
                this.disabled = false;
            }.bind(this),3000)
        }
    </script>
</body>

MyDreamingCode

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript——Call、Apply、Bind区别

一、call的用法1. 可以改变this指向2. 调用函数3. 参数传递 par1,par2,..var object = { name:'LiLi'}function fn(x,y) { console.log(this); console.log(x+y);}fn.call(object,1,2);二、apply的用法1. 可以改变this指向2. 调用函数3. 参数传递 [ par1,par2,.. ] 数组形式var objec
复制链接

扫一扫