JavaScipt高级编程之对象扩展与继承.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 使用Ftotype绑定 将this绑定到指定对象的方法： var person = { name: Brendan Eich, hello: function(thing) { console.log( + 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