理解 JavaScript 建構函式與對象

先放上建構函式執行個體化的代碼：

var cls = function() {    this.val = 'cls 的值';};var clsobj = new cls();console.log(clsobj.value);

通過 new 關鍵字， cls() 由普通的函數成了建構函式。this 指向了《JavaScript進階程式設計(第2版)》第6章“建構函式模式”一節中所說：在調用建構函式時建立的那個對象。

來看看對象字面量寫法的代碼：

var obj = {    val: 'obj 的值'};console.log(obj.val);

在建構函式與對象中，this 的指向是不一樣的。在《JavaScript進階程式設計(第2版)》第18章“函數綁定”一節中，this指向的 msg 為 undefined。

var handler = {    msg: '事件的處理函數',    handleClick: function(){        console.log(this.msg);    }};var elm = document.getElementById('container-1');elm.onclick = handler.handleClick;

JS事件的內容請見《JS中的事件處理》。

(完)