this 的应用及指向问题
this 是 Javascript 语言的一个关键字.它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.随着函数使用场合的不同,this 的值会发生变化.但是有一个总的原则,那就是 this 指的是调用函数的那个对象.
this 的使用情况:
1、作为普通函数调用,这是函数的最通常用法,属于全局性调用,因此 this 就代表全局对象.
2、作为对象方法的调用,函数还可以作为某个对象的方法调用,这时 this 就指这个上级对象.
3、作为构造函数调用,所谓构造函数,就是通过这个函数生成一个新对象(实例).这时,this 就指这个新对象(实例).
apply 、 call 、bind 的介绍(函数的方法)
apply 、 call 、bind 三者都是用来改变函数的 this 对象的指向的;第一个参数都是 this 要指向的对象,也就是想指定的上下文;从第二个参数开始,就是函数的本身的参数;
window
.onload =function() {var
oDiv =document.getElementById('box');oDiv.onclick =
function() {setInterval(
function
() {this.innerhtml = '2222222222'; //this:window
}.bind(this), 2000);
}
}
bind 是返回对应函数,便于稍后调用;apply 、call 则是立即调用 .
我们都知道定时器的匿名函数里不能写 this,它会指向 window 但有了 bind 方法以后,我们可以随意设定 this 的指向
对象、命名空间
//obj.showName.call(obj2,200,'女');//call 将 showName 的 this 的指向改变为 obj2
//obj.showName.apply(obj2,[200,'女']);//apply 将 showName 的 this 的指向改变为 obj2
//call 和 apply 区别:最后的传参不一样,call:直接传参,apply: 参数放在数组中
//1、改 this 指向,
//2、继承功能 call
/* window.onload = function() {
var aLi = document.getElementsByTagName('li'); // 类数组
var arr=Array.prototype.slice.apply(aLi); // 类数组转真正的数组, slice 截取
arr.push('123');
alert(arr);
}*/
//bind
//obj.showName.bind(obj2')(200,'女);//bind 返回一个函数,添加 () 才能执行
命名空间 namespace(某些语言中叫 package),是一个在静态语言中常见的概念.它可以帮助我们更好地整理代码,并可避免命名冲突.也就是通过创建一个简单对象字面量来打包所有的相关函数和变量.这个简单对象字面量模拟了命名空间的作用.
js 中 this 的应用及指向问题
来源: http://www.bubuko.com/infodetail-2451003.html