/*
* 全局对象
* this = window
* 在全局作用域中它的 this 执行当前的全局对象（浏览器端是 Window，node 中是 global）。
*/
console.log(this); // Window
/*
* @ 函数中执行, 调用
* @ 一个函数被直接调用的时候, 属于全局调用,this指向全局对象
*/
function test(){
console.log(this); // Window
}
test();
/*
* 严格模式 ‘use strict’;
* @ 如果在严格模式的情况下执行纯粹的函数调用，那么这里的的 this 并不会指向全局，而是 undefined，这样的做法是为了消除 js 中一些不严谨的行为：
*/
(function (){
"use strict";
console.log(this); // undefined
})();
/*
* 作为对象的方法调用
* this指向当前的这个对象
*/
var obj = {
name: "qiutc",
foo: function(){
console.log(this.name); // "qiutc" this指向当前对象
}
}
obj.foo();
// 还可以这么做
function test(){
console.log(this.name); // "qiutc" this指向当前对象
}
var obj = {
name: "qiutc",
foo: test
}
obj.foo();
// 因为在 js 中一切都是对象，函数也是一个对象，对于 test ，它只是一个函数名，函数的引用，它指向这个函数，当 foo = test，foo 同样也指向了这个函数。
/*
* 把对象的方法赋值给一个变量，然后直接调用这个变量
* this会指向window
*/
var obj = {
name: "qiutc",
foo: function(){
console.log(this);
}
}
var test = obj.foo;
test(); // window
// 当我们把 test = obj.foo ，test 直接指向了一个函数的引用，这时候，其实和 obj 这个对象没有关系了，所以，它是被当作一个普通函数来直接调用，因此，this 指向全局对象。
/*
* setTimeout的this指向全局对象(window)
* 用一个变量 _this 来储存this
*/
var obj = {
name: 'qiutc',
foo: function() {
console.log(this);
},
foo2: function() {
console.log(this);
var _this = this;
setTimeout(function() {
console.log(this); // Window
console.log(_this); // Object {name: "qiutc"}
}, 1000);
}
};
// obj.foo2();
/*
* 作为一个构造函数使用
* @ this 指向了这个构造函数调用时候实例化出来的对象
*/
function Person(name){
this.name = name;
console.log(this);
}
var p = new Person("Alan"); // Person {name: "Alan"}
// 构造函数其实也是一个函数，如果我们把它当作一个普通函数执行，这个 this 仍然执行全局：
function Person(name) {
this.name = name;
console.log(this);
}
var p = Person('qiutc'); // Window
/*
* call函数改变this指向
* 在执行 foo.call(obj) 的时候，函数内的 this 指向了 obj 这个对象
*/
var obj = {
name: "Alan"
};
function foo(){
console.log(this);
}
foo.call(obj); // Object {name: "Alan"}
// 为对象中的方法指定一个 this
var obj = {
name: "Alan",
foo: function(){
console.log(this);
}
}
var obj2 = {
name: "fuck you"
}
obj.foo.call(obj2); // Object {name: "fuck you"}
// 执行函数的时候这里的 this 指向了 obj2
