深入浅出妙用Javascript中apply、call、bind

最新推荐文章于 2017-10-24 11:01:33 发布

全栈工程师继续努力

最新推荐文章于 2017-10-24 11:01:33 发布

阅读量444

点赞数

分类专栏： nodejs js jquery html htm5 文章标签：对象 js apply call call apply bind

本文链接：https://blog.csdn.net/qq_16664643/article/details/52269473

版权

js 同时被 3 个专栏收录

57 篇文章 0 订阅

订阅专栏

html

50 篇文章 0 订阅

订阅专栏

jquery

43 篇文章 0 订阅

订阅专栏

apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；
apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文；
apply 、 call 、bind 三者都可以利用后续参数传参；
bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用 。

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    <!--apply call bind 在js中都可以改变上下文-->

    function name(){

    }
    name.prototype={
        job:"web",
        can:function () {
            console.log("他会"+this.job);
        }
    }
    var app=new name();
    app.can();

    /*如果我们有一个方法是banner={job:"js"}这时我们的apply和call就派上用场了*/
    banner={
        job:"js"
    }
    app.can.call(banner);
    app.can.apply(banner);



    var a=['js','angular2'];
    var b=['css','html','css3','html5'];
    Array.prototype.push.apply(a,b);
    console.log(a);

/*判断是否是数组*/
   function isArray(obj){
       return Object.prototype.toString.call(obj)==='[object Array]'
    }
    console.log(isArray(b));


    var c=function(){
        console.log(this.color);
    }
    var obj={
        color:"yellow"
    }
    c();
    var sts=c.bind(obj);
    sts();
</script>
</body>
</html>

全栈工程师继续努力

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
深入浅出妙用Javascript中apply、call、bind

apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文；apply 、 call 、bind 三者都可以利用后续参数传参；bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用。
复制链接

扫一扫