//例子一
console.log(this);
function eat() {
  console.log(this); //this->window
}
~function() {
  eat(); //this->window
}();
 
//例子二
function fn() {
  console.log(this); 
}
var obj = {fn: fn};
fn(); //this->window
obj.fn() //this->obj
 
//例子三
function sum() {
  fn(); 
}
sum(); //this->window
 
//例子四
var oo = {
  sum: function() {
    console.log(this);
    fn();
  }
}
oo.sum(); //首先sum函數(shù)里面，第一個(gè)輸出this為oo；之后執(zhí)行fn()，this為window

(function() {
  console.log(this); // this->window
})()

function fn() {
  console.log(this);
}
//例子一
document.getElementById("div1").onclick = fn; //this -> dom元素
//例子二
document.getElementById("div1").onclick = function() {
  console.log(this); // this->#div
  fn(); // this->window
}

var num = 20;
var obj = {
  num: 30,
  fn: (function(num) {
    this.num *= 3;
    num += 15;
    var num = 45;
    return function() {
      this.num *= 4;
      num + =20;
      console.log(num);
    }
  })(num)
};
var fn = obj.fn;
fn(); // ->65
obj.fn(); // ->85
console.log(window.num, obj.num) // ->240, 120

var oBtn = document.getElementById("btn");
var spanNum = document.getElementById("spanNum");
// 方法一
// 利用全局作用域不銷(xiāo)毀的原理，把需要累加的數(shù)字定義為全局變量
var count = 0;
oBtn.onclikc = function() {
  count++;
  spanNuM.innerText = count; 
}
// 弊端：在項(xiàng)目中為了防止全局變量之間的沖突，我們一般是禁止或者減少使用全局變量的
 
// 方法二
// 形成一個(gè)不銷(xiāo)毀的私有作用域保存我們需要累積的數(shù)據(jù)
// 1）
(function() {
  var count = 0;
  oBtn.onclick = function() {
    ++count;
    spanNum.innerText = count;
  }
})
// 2）
oBtn.onclick = (function() {
  var count = 0;
  return function() {
    ++count;
    spanNum.innerText = count;
  }
})
// 上面的兩種寫(xiě)法都是表達(dá)同一個(gè)意思
// 弊端：有一個(gè)不銷(xiāo)毀的私有作用域，占那么一點(diǎn)點(diǎn)內(nèi)存
 
// 方法三
// 利用innerHTML的方式處理，每點(diǎn)擊一次都需要到頁(yè)面獲取最新的值，然后累加，最后把結(jié)果放進(jìn)去
oBtn.onclick = function() {
  ++spanNum.innerHTML; 
}
// 弊端：innerHTML獲取的時(shí)候本來(lái)就需要瀏覽器去處理，每一次都需要把頁(yè)面的內(nèi)存先轉(zhuǎn)化為字符串，然后累加，累加完重新添加回去，當(dāng)重新添加的時(shí)候?yàn)g覽器需要重現(xiàn)渲染一遍頁(yè)面。
 
// 方法四
// 利用自定義屬性存儲(chǔ)（推薦?。?
oBtn.count = 0;
oBtn.onclick = function() {
  spanNum.innerTxt = ++this.count;  
}
//注意，這里的count只是對(duì)象的一個(gè)屬性，它既不是全局變量，也不是局部變量哦。