JavaScrpt高级编程之对象扩展与继承.docVIP

第1节 JavaScript this关键字精解 1 JavaScript call 函数： call 方法/apply 的意义在于扩充函数的作用域！ JavaScript func.call 定义： 若IsCallable func 为false，则抛出TypeError异常。 将argList置空。 若方法调用不止一个参数，则按从左向右的顺序将参数添加到argList中。 返回func中的方法调用结果，提供thisArg作为this的值，并将argList作为参数列表。 Make an argument list argList out of parameters 1 through the end The first parameter is thisValue Invoke the function with this set to thisValue and the argList as its argument list 例子： function hello thing console.log this + says hello + thing ; hello.call Yehuda, world // Yehuda says hello world 以上调用简化： function hello thing console.log Hello + thing ; // this: hello world // desugars to: hello.call window, world ; 但ECMAScript5规范对此作了进一步限定，只在严格模式下才会将thisValue绑定到window，而一般情况下，绑定到undefined。 原文：a function invocation like fn ...args is the same as fn.call window [ES5-strict: undefined], ...args . // this: hello world // desugars to: hello.call undefined, world ; 内联函数（inline function）： function is the same as function .call window [ES5-strict: undefined 2 成员函数 2.1 内置成员函数 var person name: Brendan Eich, hello: function thing console.log this + says hello + thing ; // this: person.hello world // desugars to this: person.hello.call person, world ; 2.2 外成员函数 function hello thing console.log this + says hello + thing ; person name: Brendan Eich person.hello hello; person.hello world // still desugars to person.hello.call person, world hello world // [object DOMWindow]world 3 使用Function.prototype绑定 将this绑定到指定对象的方法： var person name: Brendan Eich, hello: function thing console.log this.name + says hello + thing ; var boundHello function thing return person.hello.call person, thing ; boundHello world ; 上述方法一般化： var bind function func, thisValue return function return func.apply thisValue, arguments ; var boundHello bind person.hello, person ; boundHello world // Brendan Eich says hello world ECMAScript提供了bind 方法实现上述功能。 var boundHello person.hello.bind person ; boundHello world // Brendan Eich sa