码迷,mamicode.com
首页 > 移动开发 > 详细

apply bind call 和 this

时间:2018-05-31 10:41:21      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:wrap   htm   一个   实例   bin   技术   span   image   理解   

Javascript里面的this由调用方式确定它的指向。

1. 函数

此时为this为window

        function log()
        {
            console.log(this);
        }
        log();

 技术分享图片

 

2. 对象方法

此时为实例对象。

        function log()
        {
            console.log(this);
        }

        function class1()
        {
            this.name="class1 name"
        }

        var obj1=new class1();
        obj1.fu1=log;
        obj1.fu1();

技术分享图片

 

但我们可以通过使用apply,bind,call来指定‘this‘.

        function log()
        {
            console.log(this);
        }
        log.call({name:"test call"});
        log.apply({name:"test apply"});
        log.bind({name:"test bind"})()

技术分享图片

 

下面是一个简单的bind实现,可以帮助理解。

        Function.prototype.bind2 = function(context){
            var _that = this;
            return function()
            {
                _that.apply(context);
            };
        }

        function fn1()
        {
            console.log(this);
        }

        var fn2=fn1.bind2({name:"testing"});
        fn2();

 技术分享图片

 

apply bind call 和 this

标签:wrap   htm   一个   实例   bin   技术   span   image   理解   

原文地址:https://www.cnblogs.com/Ivan83/p/9114559.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!