function func(){ console.log(this); } var obj={ name:"zhangsan", func:func } //①通过函数名()调用的，this永远指向window。 func(); //②通过对象.方法调用的，this指向这个对象 obj.func();//狭义对象 window.onclick=function(){ document.getElementById("div1").onclick=function(){ func();//最终还是使用()调用，所以指向window } document.getElementById("div1").onclick=func;//广义对象，指向div } arr=[1,2,3,func,4,5,6]; arr[3](); //④函数作为window内置函数的回调函数使用，this指向window。 setTimeout(func,1000); obj1=new func();
现在，你一定分清了this指向了吧，下面我们来看一个综合案例：
var obj1={
name:"obj1",
arr:[func,1,{name:"obj2",func:func},3,4],
}
obj1.arr[0]();//最终的调用者是数组。this-->obj.arr
setTimeout(obj1,arr[0],2000);//obj.arr[0]仅仅是取到函数赋给setTimeout，但并没有调用。函数的最终调用者是setTimeout。这个式子相当于setTimeout(func,2000);
obj1.arr[2].func();//最终调用者是{name:"obj2",func:func}
setTimeout(obj1.arr[2].func,2000);
最后，我们再来看一道面试题：
var fullname = 'John Doe'; var obj = { fullname: 'Colin Ihrig', prop: { fullname: 'Aurelio De Rosa', getFullname: function() { return this.fullname; } } }; console.log(obj.prop.getFullname()); test = obj.prop.getFullname; console.log(test()); // 函数的最终调用者 test() this-> window obj.func = obj.prop.getFullname; console.log(obj.func()); arr = [obj.prop.getFullname,1,2]; arr.fullname = "JiangHao"; console.log(arr[0
这次就分享到这了，下次再介绍JS中OOP中的继承方法吧~
相关文章
精彩导读
热门资讯
关注我们
