一道題目理解js範圍鏈，一道題js

一道題目理解js範圍鏈，一道題js
js範圍鏈下面是一道js題目：

function C1(name){if(name){this.name = name;}}function C2(name){this.name = name;}function C3(name){this.name = name || "John";}C1.prototype.name = "Tom";C2.prototype.name = "Tom";C3.prototype.name = "John";console.log(new C1().name + "," + new C2().name + "," + new C3().name);

不運行，求答案！^_^，這道題目對於理解js範圍鏈十分有用，拿出來和大家分享一下
要做出這道題，最重要是理解js中範圍鏈的概念，
從內到外大致如下：
區域屬性 --->  prototype
變數尋找順序：
能在區域屬性中找到的絕不去prototype中找

1).先來分析第一個

new C1().namefunction C1(name){if(name){this.name = name;}}C1.prototype.name = "Tom";

分析：
由於這裡沒有參數，預設被賦值成了undefined，所以到了if這裡就進不去了，因此在C1本地
屬性中找不到name這個屬性，只能傻逼兮兮的往外找了，又因為C1.prototype.name = "Tom"的
存在，在prototype中找到了name屬性，所以最後列印出來的答案是"Tom"


2).接著來分析第二個

new C2().namefunction C2(name){this.name = name;}C2.prototype.name = "Tom";

分析：
由於這次還是沒有參數，同樣預設被賦值成了undefined，於是區域屬性name被賦值成了
undefined。於是在尋找的時候一下子就查到了name的值為undefined,
因此C2.prototype.name = "Tom"並沒有什麼卵用，最終答案為undefined


3).最後來分析第三個

new C3().namefunction C3(name){this.name = name || "John";}C3.prototype.name = "John";

分析：
同樣是沒有參數，undefined作為參數進來以後情況變成了這樣：
this.name = undefined || "John"，然後結果很明顯了區域屬性name被賦值成"John"。
接著是從內往外尋找，一下子就鎖定了區域屬性name，此時的值為"John"。
因此C3.prototype.name = "John"同樣沒有什麼用


最後的結果：