又回到了起点 发表于 2018-3-14 15:22

对javascript中的this指针的研究

       1.作为普通函数使用
               function funcA(){
                      this.name=“hello”;
                        console.log(this.name);
                        this.show=function(){
                           console.log(this.name)
                     }
}
   2.作为对象方法来使用
    var obj={name:"hello",show:function(){
console.log(this.name);
}}
obj.show();
   var objA={name:"world"}
   objA.show=obj.show;
    objA.show()
3.call和apply
         function funcA(){
this.name="hello";
console.log(this.name)
this.show=function(){
console.log(this.name)
}
}
var a=new funcA();
a.show();
var objA={
name:“objA”
}
a.show.call(objA)
4.作为构造函数来使用
function funcA(name){
this.name;
this.show=function(){
console.log(name)
}
}
var a=new funcA(“hello”);
a.show();





































































































wu1452 发表于 2018-3-14 15:27

完全看不懂

sjq964305812 发表于 2018-3-14 15:40

强制绑定 >显性>隐性   你这不全~

sjq964305812 发表于 2018-3-14 15:43

// this, 类是与一个参数一样的,显示的传递this
// 函数对象.call(实例, 参数)
var xiaoming = {};
test_func.call(xiaoming, "xiaoming", 10);
console.log(xiaoming);

// 隐式的传递this
var xiaohong = {
        name: "xiaohong",

        test_func: function() {
                console.log(this);
        },

        test_bind: function() {
                console.log(this);
        }.bind(4),
};
// 隐式的传递this,将xiaohong 作为this,传给了这个函数。
xiaohong.test_func();
xiaohong.test_bind();

// 强制传递this;

var func = function() {
        console.log(this);

}.bind(xiaohong);

func();

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

// bind是在原来的对象的基础上,产生了一个新的函数对象;
// 强制bind this,优先级额比其它的都高;

func = func.bind(xiaohong);
func();
func.call(4);

// 强制bind > 显示 > 隐式
xiaohong.test_func.call(4);

戒为良药 发表于 2018-3-14 18:26

可以使用bind(this)哦{:301_997:}

又回到了起点 发表于 2018-3-15 09:20

戒为良药 发表于 2018-3-14 18:26
可以使用bind(this)哦

知道了 谢谢哈

又回到了起点 发表于 2018-3-15 09:22

wu1452 发表于 2018-3-14 15:27
完全看不懂

这是最基础的

又回到了起点 发表于 2018-3-15 09:22

sjq964305812 发表于 2018-3-14 15:43
// this, 类是与一个参数一样的,显示的传递this
// 函数对象.call(实例, 参数)
var xiaoming = {};


感谢交流,互相学些哈
页: [1]
查看完整版本: 对javascript中的this指针的研究