var self = this
2017-10-12 18:50
260 查看
来自犀牛书的解答
方法调用和函数调用有一个重要的区别,即:调用上下文。属性访问表达式由两部分组成:一个对象(o)和属性名称(m)。在像这样的方法调用表达式里,对象o成为调用的上下文,函数体可以使用关键字this引用该对象。下面是一个具体的例子:
大多数方法调用使用点符号来访问属性,使用方括号(的属性访问表达式)也可以进行属性访问操作。
下面两个例子都是函数调用:
方法调用可能包括更复杂的属性访问表达式:
方法和this关键字是面向对象编程范例的核心,任何函数只要作为方法调用实际上都会传入一个隐式的实参–这个实参是一个对象,方法调用的母体就是这个对象。通常来说,基于那个对象的方法可以执行多种操作,方法调用的语法已经很清晰地表明了函数将基于一个对象进行操作,比较下面两行代码:
我们假设这两行代码的功能完全一样,他们都作用于一个假定的对象rect。可以看出,第一行的方法调用语法非常清晰地表明这个函数执行的载体是rect对象,函数中的所有操作都基于这个对象。
需要注意的是,this是一个关键字,不是变量,也不是属性名。JavaScript的语法不允许给this赋值。
和变量不同,关键字this没有作用域的限制,嵌套的函数不会从调用它的函数中继承this。如果嵌套函数作用方法调用,其this的值指向调用它的对象。如果嵌套函数作为作为函数调用,其this值不是全局对象(非严格模式下)就是undefined(严格模式下)。很多人误以为调用嵌套函数时this会指向调用外层函数的上下文。如果你想访问这个外部函数的this值,需要将this的值保存在一个变量里,这个变量和内部函数都同在一个作用域中。通常使用变量self来保存this,比如:
902b
方法调用和函数调用有一个重要的区别,即:调用上下文。属性访问表达式由两部分组成:一个对象(o)和属性名称(m)。在像这样的方法调用表达式里,对象o成为调用的上下文,函数体可以使用关键字this引用该对象。下面是一个具体的例子:
var calculator = { // 对象直接量 operand1: 1, operand2: 1, add: function() { // 注意this关键字的用法,this指代当前对象 this.result = this.operand1 + this.operand2; } } calculator.add(); calculator.result;
大多数方法调用使用点符号来访问属性,使用方括号(的属性访问表达式)也可以进行属性访问操作。
下面两个例子都是函数调用:
o["m"](x,y); // o.m(x,y)的另外一种写法 a[0](z); // 同样是一个方法调用(这里假设a[0]是一个函数)
方法调用可能包括更复杂的属性访问表达式:
customer.surname.toUpperCase(); // 调用customer.surname的方法 f().m(); // 在f()调用结束后继续调用返回值中的方法m()
方法和this关键字是面向对象编程范例的核心,任何函数只要作为方法调用实际上都会传入一个隐式的实参–这个实参是一个对象,方法调用的母体就是这个对象。通常来说,基于那个对象的方法可以执行多种操作,方法调用的语法已经很清晰地表明了函数将基于一个对象进行操作,比较下面两行代码:
rect.setSize(width, height); setRectSize(rect, width, height);
我们假设这两行代码的功能完全一样,他们都作用于一个假定的对象rect。可以看出,第一行的方法调用语法非常清晰地表明这个函数执行的载体是rect对象,函数中的所有操作都基于这个对象。
需要注意的是,this是一个关键字,不是变量,也不是属性名。JavaScript的语法不允许给this赋值。
和变量不同,关键字this没有作用域的限制,嵌套的函数不会从调用它的函数中继承this。如果嵌套函数作用方法调用,其this的值指向调用它的对象。如果嵌套函数作为作为函数调用,其this值不是全局对象(非严格模式下)就是undefined(严格模式下)。很多人误以为调用嵌套函数时this会指向调用外层函数的上下文。如果你想访问这个外部函数的this值,需要将this的值保存在一个变量里,这个变量和内部函数都同在一个作用域中。通常使用变量self来保存this,比如:
var o = { // 对象o m: function() { // 对象中的方法m() var self = this; // 将this的值保存至一个变量中 console.log(this === o); // ture,this就是这个对象o f(); // 调用辅助函数f() function f() { // 定义一个嵌套函数f() console.log(this === o); // false: this的值是全局对象或者undifine console.log(self === o); // true: self指外部函数的this值 } } }; o.m(); //调用对象o的方法m()
902b
相关文章推荐
- JS var self =this
- PHP笔记=>var_dump,大小写,调试输出深度,字符串 this和self
- JavaScript中 var self=this 的解释
- js中var self=this的解释
- js中var self=this的解释
- var self=this的解释
- Javascript中的var self = this
- JS中var self =this; 或者 JS var _this =this;
- PHP 的var const static define self $this 使用详解
- JS var self =this;
- var self = this //指代本作用域的对象
- javascript之var self = this
- JS中的var self=this【转】
- 关于困惑已久的var self=this的解释--转载
- PHP中this,self,parent的区别之一this篇
- PHP中this,self,parent的区别
- PHP中this,self,parent的区别
- PHP编程过程中需要了解的this,self,parent的区别
- Javasript 关于self(that) = this用法的理解
- Capturing 'self' strongly in this block is likely to lead to a retain cycle