理解JavaScript中的this用法

this在JavaScript中有着广泛的应用，无论是普通函数、还是构造函数，都可以看到this的影子。初学者非常容易误解了this的含义，现在博主使用一些简洁的例子，来将this的用法展现出来。

1. 一般函数中this表示全局对象

function demo() { console.log(this.x); } var x = 1; demo(); //输出1

2. 作为方法调用，this表示上一级对象

function demo() { console.log(this.x) } var obj = { x: 1, demo: demo, }; obj.demo(); //输出1

3. 作为构造函数调用，this表示对象实例

function demo() { this.x = 1; } var x = 2; var obj = new demo(); console.log(obj.x); //输出1

4. 表示被绑定的内容

function demo() { console.log(this.x); } var obj = { x: 2, }; var x = 1; demo.call(obj); //输出2

在ES6中，使用 => 箭头可以表示代替使用 var self = this 或者 bind(this) 的做法。在一定程度上面降低了this的理解难度，期待更多新的语法可以彻底解决这些问题。