使用||的Javascript名稱空間

Question

我見過的JavaScript命名空間定義爲：

var AppSpace = AppSpace || {}; 

和/或

var namespace = {}; 

誰能告訴我：

1. 有什麼區別？
2. 什麼是||在第一個例子中使用？
3. 爲什麼在第一個例子中，AppSpace使用過兩次？
4. 哪個是首選語法？

Answer 1

的||操作是在Javascript如果左操作數是truthy返回其左操作數logical or，否則返回其右操作數。第一個語法是最好的，因爲你可以重複使用它在你的代碼是多個地方（比如在不同的文件），當你不知道，如果命名空間已被定義或沒有：

var AppSpace = AppSpace || {}; // AppSauce doesn't exist (falsy) so this is the same as: 
           // var AppSauce = {}; 
AppSauce.x = "hi"; 

var AppSpace = AppSpace || {}; // AppSauce does exist (truthy) so this is the same as: 
           // var AppSauce = AppSauce; 
console.log(AppSauce.x); // Outputs "hi" 

對戰：

var AppSpace = {}; 
AppSauce.x = "hi"; 

var AppSpace = {}; // Overwrites Appsauce 
console.log(AppSauce.x); // Outputs undefined