首页 > 其他 > 详细

OOP中this指向详解

时间:2017-05-14 15:59:12      阅读:355      评论:0      收藏:0      [点我收藏+]

谁调用了函数,this就指向谁
 >>> this指向的永远只可能是对象!!!
 >>> this指向谁,永远不取决于this写在哪,而是取决于函数在哪调用!!!
 >>> this指向的对象,我们称之为函数的上下文 context,也叫做函数的调用者

this指向的规律(浩哥五条黄金定律!!!
this指向的情况,取决于函数调用的方式有哪些:

 ① 通过 函数名() 直接调用 ---> this指向window
function func(){
console.log(this);
}
func();//this指向window

 ② 通过 对象.函数名() 调用 ---> this指向这个对象

//狭义对象
var obj = {};
obj.func1 = func;
obj.func1();//this指向obj
//广义对象
document.getElementById("111").onclick = func;//this指向div

 ③ 函数作为数组的一个元素,通过数组下标调用 ---> this指向数组
var arr = [func,1,2,3];
arr[0]();//this指向arr

 ④ 作为window内置函数的回调函数调用 ---> this指向window
setTimeout(func,1000);//this指向window

 ⑤ 函数作为构造函数,用new关键字调用 ---> this指向新new出的对象
var obg = new func();//this指向new出的新obg

OOP中this指向详解

原文:http://www.cnblogs.com/wk1102/p/6852581.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!