JavaScript中基础概念之this学习笔记.docVIP

2016-11-18 This是其实就是function的一个参数，它和函数的普通参数只有两点不同： this不需要另取名字 this绑定值的方式不同，一共有5种方式 关键字this 绑定数据的标识符，但是在你的代码中并不明确表明某个具体的数据，而是动态地绑定到某个对象。 由编译器决定this绑定的数据，决定的规则和普通占位参数的规则并么有什么很大的不同 this是根据人类的直觉理性判定当前调用方法或者构造函数时的焦点对象是谁。也就是说用this去指代人觉得当前调用函数时的焦点对象。那么这样做有什么原因吗？面向对象的编程语言，你说呢？ this不指向以及指向哪些对象？ 不是this存在的那个函数对象 不是那个函数所在的对象字面量 不是函数调用时的execution context 通常也不是函数的实例（有例外） 而是dot的左手边的那个对象 重点就是：The object that a function is looked up upon when its being invoked, that object is what the keyword, this, will be bound to. 必须强调的是：有函数定义的那个对象并不是函数this指向的对象，this只是调用时点操作符左手边的对象，也就是说this只和函数调用时刻相关。 上图所示是一个带参数函数的调用示例。从中可以看出，传入两个变量，分别的是绿色的对象和蓝色的对象，在全局作用域中，这两个对象就是一个存储在绿色中一个存储在蓝色中；而在函数的局部作用域中，一个叫one，一个叫two。 this在函数调用阶段也多是作为参数来使用。 this绑定值的几种情况 当函数作为方法而调用时（首先函数得是对象的属性）为this绑定值：点操作符的左边定律——dot call 当点操作符右手边的函数作为对象的方法而调用的时候，一个参数即刻被传入这个函数，也即点操作符左手边的对象作为一个参数被传入到了这个函数中，在函数中这个参数叫做this。总结：当函数作为对象方法调用时，点操作符左手边的对象作为参数输入函数，绑定到this上。之所以会发生这样的事情，源于在面向对象编程环境中，每一方法的调用都存在一个焦点对象，我们通过向方法函数中传入这个对象参数，是非常有好处的（毕竟，方法都是对象的方法）。 如果没有点操作符，只是调用某个方法时 这种情况下，this绑定默认对象，Global对象，也就是window对象（浏览器环境中的全局对象，Global最为window对象的一部分加以实现） 点操作符的作用其实就相当于为this指定具体的参数，因为点操作符左手边的对象就是具体传入函数的this参数值。当没有点操作符时，也就没有左手边的对象，那么这种情况下，this只能使用默认值，也就是Global对象，就像占位参数没有实际的参数传入时，会被默认的undefined值所代替一样。 如果我们想把this绑定到一个对象，但是方法并不是这个对象的属性时 为this绑定值：函数的call方法 我们之前讨论的问题都是根据点操作符进行this参数的判断，那其实是有前提的：能使用点操作符说明方法是这个对象的属性，但是如果我们现在想把一个不是某个对象的方法的this绑定到这个对象，要怎么办呢？（肯定不能只利用点操作符了，因为点操作符已经无法获取这个对象的这个方法，因为这个对象没有这个方法） 使用函数的call方法可以重写this的默认值，从而设置成你希望的任意对象。甚至当函数是作为某个对象的属性而被调用，call方法甚至会改写方法的访问规则，最终将this绑定的对象改写为call方法中设定的对象。 当函数作为回调函数被调用时，比如在setTimeout函数中的函数 一开始研究函数作为setTimeout的回调函数进行调用时，只有当我们分析了setTimeout的源代码之后，我们才能更好地理解作为回调函数的函数究竟是怎么被调用的。才能知道究竟各种参数是怎么被绑定到这个函数中的参数的。 假设setTimeout这个函数的源代码别定义在timers.js文件中，它的内部代码如下所示：整个函数的参数包括一个回调函数和一个等待的时间参数。具体所要实现的内容是：先等待一定的时间，然后再执行回调函数。那么问题出现了，究竟setTimeout函数会相cb回调函数中传递什么数值呢？实际上，setTimeout无从知道你想向cb回调函数中传入什么数值，所以，最终setTImeout也就什么参数都不传递，就直接调用这个回调函数了。所以，占位参数就会被undefined赋值。那么this参数呢？先回想一下我们之前用过的this参数确定规则。这个规则是：函数调用时点操作符的左手边定律。那么我们究竟要根据下图中的哪一行代码使用这个规则呢？那