JavaScript 概論延續探討
JavaScript判斷式、變數、方法範疇，學習心得整理
判斷式
in 語法：[prop] in [objectName]
prop：引述或是屬性名稱
objectName：物件的名稱
用途：查詢物件內是否有某屬性
用法範例：
var point = {x:1,y:1};
“x” in point //true
“y” in point //true
“toString” in point //true
var data = [7,8,9]
“0” in data //true
1 in data //true
3 in data //false
說明：範例中point物件有x和y兩個屬性，所以”x” in point的回傳結果為True(因為”x”元素有在point物件內)，比較特別的是”toString” in point因為toString是prototype的方法，所以在建構物件時本身就會含有此方法所以會回傳true，這也代表了可以使用in語法查詢物件是否含有某prototype的方法；data為一個引述為0-2的陣列，”0″ in data回傳結果為True，因為此陣列引述有”0″，1 in data回傳結果為true，因為數字1會被轉成字串”1″，之後比對data是否有”1″引述，因為有1引述所以回傳true，3 in data因為找不到引述”3″或是有3數值的資料所以回傳false。
instanceof 語法：[object] instanceof [class]
object：物件名稱
class：類別名稱
用途：傳回的布林值將判斷物件是否屬於某個類別
用法範例：
var d = new Date();
d instanceof Date; //true
d instanceof Object; //true
d instanceof Number; //false
var a = [1,2,3];
a instanceof Object; //true
說明：d instanceof Date回傳值為true，因為d物件是使用Date()所創立的物件，d instanceof Object回傳值為true，因為Date類別是物件，所以d屬於物件，d instanceof Number回傳值為false，因為d物件是Date類別不是Number類別，所以回傳false，比較特別的是a instanceof Object回傳值為true，因為在javascript中陣列算是一種物件類別，所以回傳值為true。
其他狀況
var p = null;
p && p.x; //false
(a==b)&&stop();
data[i++] *= 2;
data[i++] = data[i++]*2;
說明：p && p.x會回傳null，因為p的值為null，所以&&運算時會直接回傳null而不會對p.x做運算，這樣的算式很常看到用於如果某物件有值則回傳該值的地方。(a==b)&&stop();這相當於if(a==b)stop();，在javascript中，可以拿&&來當簡易的if then運算使用。data[i++] *= 2;會等於data[i]=data[i++]*2而不是等於data[i++] = data[i++]*2;，這關係到了運算式的先後順序，因為執行順序是左到右，所以加權順序(越大越先執行)[]是19、++是16、*是14、*=和=是3，因為順序是左到右所以data[i++] *= 2;會變成data[i] = data[i]*2執行完成後i++，data[i++] = data[i++]*2;會變成先執行左邊的data[i++]所以在執行右邊的算式時i已經加1了然後運算完後i會再加1，運算會變成類似data[i] = data[i+1]*2;i+=2的運算。
範疇
範疇為Javascript中函數或是變數所影響的範圍。
範例：
var geval = eval;
var x = “global”, y = “global”;
function f(){
var x = “local”;
eval(“x += ‘changed'”);
return x;
}
function g(){
var y = “local”;
geval(“y += ‘changed'”);
return y;
}
console.log(f()); //localchanged
console.log(g()); //local
console.log(x); //global
console.log(y); //globalchanged
說明：
f()輸出結果為localchanged，因為eval是函式內的eval呼叫指令所以函數內的x回傳localchanged。g()輸出結果為local因為geval是外部函數，call的是函數外的y=”global”所以g()函數內的y變數沒有被改變，回傳值為local。x回傳值為global，因為在外部call所以指的是外部的x，因為剛剛f()輸出變動的是f()函數內的x所以外部的x沒有變動，輸出為global。y回傳值為globalchanged，因為先前的g()函數執行時geval(“y += ‘changed'”);是外部函數，所以將外部變數的y由global變為globalchanged了，所以在外部的console.log()函數輸出y為globalchanged。
結語：
這次介紹的javascript有判斷式的一些語法和使用方法，這些方法有助於解決，在程式撰寫中的一些特殊判斷狀況，在我撰寫的簡訊系統區塊也較少被使用，不過用&&來當if then來使用，算是我相對比較常使用於程式的一個小技巧，另外in的部分其實常常用於for回圈將物件或陣列所有的屬性執行一次，不過要注意的一點是，for(var i in obj)使用時，i的值不是該物件的那個屬性值而是該屬性的索引值(index)所以引用的時候要使用obj[i]，另外一方面，本篇也介紹了一些基本的javascript的範疇例子，之後會有更多的介紹，因為我覺得範疇在寫程式當中很重要，如果能熟悉規則可以精準的預測執行結果，debug也會變快，當然也可以避免很多不必要的bug發生。
參考：JavaScript大全(ISBN:9789862764411)