对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();
完全看不懂 强制绑定 >显性>隐性 你这不全~ // 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);
可以使用bind(this)哦{:301_997:} 戒为良药 发表于 2018-3-14 18:26
可以使用bind(this)哦
知道了 谢谢哈 wu1452 发表于 2018-3-14 15:27
完全看不懂
这是最基础的 sjq964305812 发表于 2018-3-14 15:43
// this, 类是与一个参数一样的,显示的传递this
// 函数对象.call(实例, 参数)
var xiaoming = {};
感谢交流,互相学些哈
页:
[1]