js中的this

提示

js没有块级所用域，但是确实有函数作用域。那意味着定义在函数中的参数和变量在函数外部都是不可见的，而且在一个函数中的任何位置定义的变量在该函数中的任何地方都可见。因此，在js函数中，最好的做法是在函数体的顶部声明函数中声明你用到的所有变量。

---

参数this

除了声明时定义的形式参数，每个函数接收两个附加的参数：this和arguments。参数this在面向对象编程中非常重要的，它的值取决于调用模式，在js中，this引用的是函数赖以执行的环境对象。总共有四种：方法调用，函数调用，构造器调用，apply调用模式

---

1、方法调用

方法调用：函数被保存为对象的一个属性，成为方法，当一个方法被调用时，this被绑定到该对象。

var myObj = {
     name : "sqliang",
     getName : function(){
          return this.name;
     }
}
console.log(myObj.getName());

---

2、函数调用模式

函数调用模式：当函数并非一个对象的属性时，被当做一个函数来调用。
var sum = add(3,4);
this被绑定到全局对象（函数据以执行的环境对象）。这种不合理的解决方案：that = this保留副本

var myObj = {
     value : 3
};
myObj.double = function(){
     var that = this;//解决方法
     var helper = function(){
          that.value = add(that.value,that.value);
          console.log(that.value);
     }
     helper();
}
myObj.getValue = function(){
     return this.value;
};
myObj.double();
function add(num1,num2){
     return num2 + num1;
}

---

3、构造器调用模式

构造器调用模式：如果在一个函数前面带上new来调用，将创建一个隐藏连接到该函数的prototype成员的新对象，同时this将会被绑定到那个新对象上。

var Quo = function(string){
     this.status = string;
}
Quo.prototype.getStatus = function(){
     return this.status;
}
var quo = new Quo("confused");
console.log(quo.getStatus());

---

4、apply调用模式

apply调用模式：apply让我们构建一个参数数组去调用函数，也允许我们选择this的值

var arr = [3,4];
var sum = add.apply(this,arr);
function add(num1,num2){
     return num1 + num2;
}
var statusObj = {
     status : 'A-OK'
};
var status = Quo.prototype.getStatus.apply(statusObj,arr);