首先呢,我们知道return可以改变this指向
function Fn(name){
this.name=name;
return {};//undefined,改变了this的指向,指向该未定义对象
}
var fn=new Fn("maomin");
console.log(fn.name);
另一种是我们常用的方法,就是给将this赋值给一个变量。
function fn1(age) {
var that=this;
that.age=age;
console.log(this.age)//21
}
fn1("21");
但是上面的方法太low了。
接下来我们说一下关于改变this指向的三种高大上方法:
call()
(1)可以改变匿名函数this指向
var box=document.querySelector("#box");
box.onclick = function(){
(function(){
console.log(this); //box
}).call(this);
};
(2)可以继承方法
function Fn8(name,girlfriend) {
this.name=name;
this.girlfriend=girlfriend;
}
function Fn9(name,girlfriend) {
Fn8.call(this,name,girlfriend);//第一个传的是一个对象,就是你要借用的那个对象,除了第一个参数后面的参数将作为实际参数传入到函数中。
console.log(this.name,this.girlfriend);//maomin, xqm
}
var fn9=new Fn9("maomin","xqm");
(3)主动执行函数
function fnn() {
var arr=[this.index,2,3]
console.log(arr);//123
}
var val={index:1};
fnn.call(val);
//call就是挨个传值,apply传一个数组,bind也是挨个传值,但和call和bind还有多少不同,使用call和apply会直接执行这个函数,而bind并不会而是将绑定好的this重新返回一个新函数,什么时候调用由你自己决定。
2.bind()
bind 的其中一个用法就是:绑定函数,使其无论怎么样调用都用相同的 this。
var obj={
ofn:function(){
console.log(this);//obj
}
}
obj.ofn();
那如果这样呢
var ofn1=obj.ofn;
ofn1();//然而这时,console.log(this);打印出来则是window。ofn1只是将obj对象中的方法复制过来,但是this指向变了。ofn1()可以看作成window.ofn1()
为了改变这种现状,可以用bind().
(1).
var objj={
ofnn:function(){
console.log(this);
}
}
var oB=objj.ofnn;
oB.bind(objj)();//ofnn
。。。。。。。。。。。。。
作者:Vam的金豆之路
篇幅有限更多请见扩展链接:http://www.mark-to-win.com/tutorial/50951.html
| 留言与评论(共有 0 条评论) “” |