this

参考 快速理解JavaScript中this的用法与陷阱javascript关于this的用法

如果你写过 Java ，你可能接触过this——一般指向当前对象，实际上，这时候this的含义已经确定了，因为Java属于编译期绑定，而JS属于运行期绑定，所以导致this的含义在运行过程中可能有多种变化。 进一步说，this和它声明环境无关，而完全取决于他的执行环境。务必牢记这句话。

进一步说，this和它声明环境无关，而完全取决于他的执行环境。务必牢记这句话。

全局this

node.js

• this 是 {}
• var 变量不挂载 浏览器
• this 是 window
• var 变量挂载在window

三句话总结this用法：

1. 全局作用域：全局作用域中的 this 指向window。
2. 函数作用域：方法中的 this 指向调用它的对象；如果没有调用者就指向window。
3. 构造函数里：构造函数（或者ES6+的类）中的 this 指向新生成的实例对象。
4. setTimeout 和 setInterval 包裹的this指向window

在闭包中使用 this 对象

进一步说，this和它声明环境无关，而完全取决于他的执行环境。务必牢记这句话。

var name = 'The window';
var object = {
    name: 'my Object',
    getName: function() {
        return function() {
            return this.name;
        }
    }
}
console.log(object.getName()()); // The window

• 第一个就是正常的调用，打印 “my Object”
• 第二个就是在调用这个方法前先给它加上了括号，但是和 object.getName 是一样的，所以打印为 "my Object"
• 第三个是先执行了一个赋值语句，然后再调用赋值后的结果。因为这个赋值表达式是函数本身，所以此时调用，this 指向的是 window，打印的是 "The window"

var name = 'The window';
var object = {
    name: 'my Object',
    getName: function() {
        return this.name
    }
}
console.log(object.getName()); // my Object
console.log((object.getName)()); // my Object
console.log((object.getName = object.getName)()); // The window

代码示例：

CommonJS 中使用this

/**
 
快速理解JavaScript中this的用法与陷阱
https://segmentfault.com/a/1190000004580525

 */

var name = '罗恩';
var aaa = {
  name: '哈利',
  say: function () {
    console.log(this.name);
  }
}

//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
var bbb = {
  name: '赫敏',
  say: aaa.say
}
/* 生命的bbb等价于下面 */
var bbb = {
  name: '赫敏',
  say: function () {
    console.log(this.name);
  }
}
//<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

var ccc = aaa.say;

aaa.say();    //哈利
bbb.say();    //赫敏
ccc();        //罗恩 在nodejs是undefined， 在浏览器是 罗恩

console.log(this.name);
console.log(this);

ES5、ES6使用this

// es5 构造函数
function NewClass() {
  this.name = "es5-Class";
}

var obj = new NewClass();
console.log(obj.name);// 输出newClass

// es6+ 类定义
class Es6Class {
  constructor() {
    this.name = "es6-Class";
  }
}

let obj2 = new Es6Class();
console.log(obj2.name);// 输出es6Class