傳統面向物件的語言幾大特徵：封裝、繼承、多型，在JavaScript中並不適用。JavaScript的弱型別特徵允許你用比其他語言更少的程式碼完成同樣的任務。無需提前設計好類再進行編碼。需要一個具有某個欄位的物件了？隨時隨地都可建立。Nicholas
C.Zakas著作《JavaScript面向物件精要》告知我們如何建立物件、定義自己的型別，使用繼承以及其他各種操作來充分使用物件。總之，更全面理解和使用JavaScript所有的一切。

一、原始型別和引用型別

1. 什麼是型別

JavaScript雖然沒有類的概念，但依然存在兩種型別：原始型別和引用型別。
原始型別儲存為簡單資料值；引用型別則儲存為物件，其本質是指向記憶體位置的引用。

var obj = new Object();

變數實際上並不包含物件的例項，而是一個指向記憶體中實際物件所在位置的指標（或者說引用）。這是物件和原始值之間的一個基本區別。原始值都是直接儲存在變數中。
附：關於變數詳見【變數、作用域和記憶體問題】

2. 內建型別例項化

示例：物件字面形式

var obj1 = {};
var obj2 = new Object();

物件字面量，JavaScript引擎背後做的工作挺new Object()一樣，除了沒有呼叫建構函式。
示例：正則表示式字面形式

var reg1 = /^\d+$/g;
var reg2 = new RegExp
 
("^\\d+$", "g");
reg2.toString(); // "/^\d+$/g"
reg2.source;     // "^\d+$"

使用字面下個形式建立正則，無需擔心字串中的轉義字元。如果使用RegExp建構函式，傳入模式的引數是一個字串，需要轉移。

3. 訪問屬性

示例：對待特殊字元的屬性

var obj = {
    "ab": "yes",
    "a$b": "yes",
    "abc": "yes"
};
obj.ab;     // "yes"
obj["a$b"];    // "yes"
var name = "abc";
obj[name];  // "yes"
 

“中括號”可以處理動態決定訪問哪個屬性以及訪問包含特殊字元的屬性；其他方面同“點號”大致相同。

4. 鑑別引用型別

鑑別引用型別使用instanceof操作符。
示例：陣列

Array.isArray()
[] instanceof Array

5. 原始封裝型別

示例：自動建立的基本包裝型別

var name = "string";
name instanceof String; // false
new String("string") instanceof String; // true

臨時物件，僅在值被讀取時建立，然後立即被銷燬。instanceof操作符並沒有真的讀取任何東西。

二、函式

函式也是物件。使函式不同於其他物件的特性是其內部具有[[Call]]屬性。該屬性無法通過程式碼訪問而是定義了程式碼執行時的行為。ECMAScript定義typeof操作符對任何具有[[Call]]屬性的物件返回“function”。
示例：判斷是否為function

typeof function(){};    // "function"
typeof /\./;    // "object"

注意：某些瀏覽器曾經在正則表示式中包含[[Call]]屬性，導致其被錯誤鑑別為函式。

1. 函式提升

宣告本身會被提升，而包括函式表示式的賦值在內的賦值操作並不會提升；後面的函式宣告可以覆蓋前面的。
示例：函式提升

a();    // "a..."
b();    // Uncaught TypeError: b is not a function(…)
function a(){
    console.log("a");
};
function a(){
    console.log("a...");
};
var b = function(){
    console.log("b");
}

2. 改變this

示例：obj擁有sayName()方法

var obj = {
    name: "obj",
    sayName: function(age){
        console.log("my name is:" + this.name + ",age: " + age);
    }
}

（1）call()方法

var obj1 = {name: "call"};
obj.sayName.call(obj1, 25); // my name is:call,age: 25

（2）apply()方法

var obj2 = {name: "apply"};
obj.sayName.apply(obj2, [25]);  // my name is:apply,age: 25

（3）bind()方法

var obj3 = {name: "bind"};
var sayName = obj.sayName.bind(obj3);
sayName(25);    // my name is:bind,age: 25

注意：call()、apply()立即執行，bind()返回一個函式，並不是立即執行。
關於函式。詳見，【JavaScript提升（你不知道的JavaScript）】、【函式表示式】

三、理解物件

1. 定義屬性

當一個屬性第一次被新增給物件時，JavaScript在物件上呼叫一個名為[[Put]]的內部方法；當一個已有的屬性被賦予一個新值時，呼叫的是一個名為[[Set]]的方法。

var person = {};
person.name = "lg";     // 呼叫[[Put]]
person.name = "ligang"; // 呼叫[[Set]]

2. 屬性探測

if(person.age){
    // do something with age
}

當值是一個null、undefined、0、false、NaN或空字串時評估為假。由於一個物件屬性可以包含這些假值，所以上述示例可能導致錯誤的假定。注意，這個問題在短路&&同樣存在。

if(age in person){
    // do something with age
}

in操作符是探測物件中屬性是否存在的最好途徑，且不會評估屬性的值。

3. 屬性型別

屬性有兩種型別：資料屬性和訪問器屬性。
如果只需要儲存資料，通常沒有什麼理由使用訪問器屬性–直接使用屬性本身即可。但當你希望賦值操作會觸發一些行為或者讀取的值需要通過計算所需的返回值得到時，訪問器屬性會非常有用。

var person = {
    _name: "lg"
};
Object.defineProperty(person, "name", {
    get: function(){
        console.log("my name is：" + this._name);
        return this._name;
    },
    set: function(name){
        this._name = "愛新覺羅" + name;
    }
});
// 等價
var person = {
    _name: "lg",
    get name(){
        console.log("my name is：" + this._name);
        return this._name;
    },
    set name(name){
        this._name = "愛新覺羅" + name;
    }
};
person.name;    // my name is：lg
person.name = "ligang";
person.name;    // my name is：愛新覺羅ligang

Vue正式通過Object.defineProperty()對屬性進行監聽、通知處理。
注意：建立一個同時具有資料特徵和訪問器特徵的屬性，會得到一個錯誤。