What's this?
由于运行期绑定的特性，JavaScript 中的 this 含义非常多，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式
随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象
作为函数调用
在函数被直接调用时this绑定到全局对象。在浏览器中，window 就是该全局对象
console.log(this); //Window
function fn1(){
function fn2(){
console.log(this);
}
}
fn1(); //Window
嵌套调用
函数嵌套产生的内部函数的this不是其父函数，仍然是全局变量
console.log(this); //Window
function fn1(){
function fn2(){
console.log(this);
}
fn2()
}
fn1(); //Window
setTimeout、setInterval
获取document：
document.addEventListener('click', function(e){
console.log(this);
var _this = this;
setTimeout(function(){
console.log(_this);
}, 200);
}, false);
作为对象方法调用
在 JavaScript 中，函数也是对象，因此函数可以作为一个对象的属性，此时该函数被称为该对象的方法，在使用这种调用方式时，this 被自然绑定到该对象
var obj1 = {
name: 'Byron',
fn : function(){
console.log(this);
}
};
obj1.fn();//Object {name: "Byron", fn: function}
var fn2 = obj1.fn;
fn2(); //window，相当于window.fn2()
Function.prototype.bind
bind，返回一个新函数，并且使函数内部的this为传入的第一个参数
document.addEventListener('click', function(e){
console.log(this);
setTimeout(function(){
console.log(this);
}.bind(this), 200);
}, false);
使用call和apply设置this
var value = 100;
var obj = {
value: 200
}
function fn(a,b){
console.log(this.value + a + b)
}
fn(3,4) //107
fn.call(obj,3,4) //207
fn.apply(obj, [3,4]) //207
得到一个数组的最大值
var arr = [1,3,12,3]
console.log( Math.max.apply(null, arr) ) //12
拼接字符串
function joinStr(){
//1.
console.log( Array.prototype.join.call(arguments, '-'))
//2.
var join = Array.prototype.join.bind(arguments);
console.log(join('-'))
}
joinStr('a','b','c')
三种变量
实例变量：（this）类的实例才能访问到的变量
静态变量：（属性）直接类型对象能访问到的变量
私有变量：（局部变量）当前作用域内有效的变量
function ClassA(){
var a = 1; //私有变量，只有函数内部可以访问
this.b = 2; //实例变量，只有实例可以访问
}
ClassA.c = 3; // 静态变量，也就是属性，类型访问
console.log(a); // error
console.log(ClassA.b) // undefined
console.log(ClassA.c) //3
var classa = new ClassA();
console.log(classa.a);//undefined
console.log(classa.b);// 2
console.log(classa.c);//undefined
