JavaScript中的apply()方法和call()方法

最新推荐文章于 2024-03-11 22:58:25 发布

安静的对折

最新推荐文章于 2024-03-11 22:58:25 发布

阅读量378

点赞数

分类专栏： JS 文章标签： call apply

本文链接：https://blog.csdn.net/k491022087/article/details/54564302

版权

JS 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

相同点：

apply和call方法都是Function.prototype原型中，他们可以改变this的指向，而且都是直接调用函数

不同点：

apply：参数传入的是数组

call：参数传入的是一个一个的

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    //call和apply通过对象调用的时候,如果传入的是null,那么函数中的this就是window对象
    //call和apply通过对象调用的时候,如果传入的是对象,那么函数中的this就是当前传入的对象
    //如果传入的是数组,那么this就是当前的数组对象
    function f1(num1, num2) {
        //当前this的指向
        console.log(this);
        //调用this中的属性
        console.log("name=" + this.name);
        console.log(num1+num2);
    }
    var stu = {name:"kevin", age:12};
    f1(1, 2);
//    call和apply调用的时候，传入的第一个参数改变了f1中this的指向
//    apply的参数要使用数组
//    call和apply方法都可以调用f1中的属性
    f1.call(stu, 10, 20);
    f1.apply(stu, [100, 200]);
</script>
</body>
</html>

结果：

安静的对折

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的apply()方法和call()方法

相同点：apply和call方法都是Function.prototype原型中，他们可以改变this的指向，而且都是直接调用函数不同点： apply：参数传入的是数组call：参数传入的是一个一个的 //call和apply通过对象调用的时候,如果传入的是null,那么函数中的this就是window对象 //cal
复制链接

扫一扫

专栏目录