## JS基礎課階段復習 ### 一、基礎知識問答 #### 1. JS中的數據類型包括： * 基本數據類型 * number * string * boolean * null * undefined * symbol * bigint * 引用數據類型 * object * {} 普通對象 * [] 數組對象 * /^$/ 正則對象 * Math * 日期對象 * … * function > 基本數據類型是按照值操作，直接把值存儲到棧內存中即可；引用數據類型的值是存儲到堆內存中的，我們操作的都是堆內存的引用地址； #### 2. JS中檢測數據類型： * typeof * instanceof * constructor * Object.prototype.toString.call() #### 3. 瀏覽器常用的內核： * webkit * gecko * trident * blink #### 4. JS中創建變量的幾種常用方式： * var * let / const * function * class * import #### 5. null和undefined的區別： #### 6. ~~~ let n = { name:'珠峰培訓' }; let m = n; n.teacher = n = { name:'周嘯天' }; m.teacher = { name:'耿銀鵬' }; console.log(m.name); //“珠峰培訓” console.log(n.name); // “周嘯天” console.log(m.teacher.name); // “耿銀鵬” console.log(n.teacher.name); // 報錯 Uncaught TypeError: Cannot read property 'name' of undefined ~~~  #### 7. ‘number’ ~~~javascript let num = Number('12.5px'); //=>NaN let type = typeof num; //=>"number" if (num == NaN) { alert(NaN); } else if (type === 'number') { alert('number'); } else if (num == 12.5) { alert(12.5); } else { alert('12.5px'); } ~~~ #### 8. ``` console.log(1 + false + undefined + [] + null + true + '珠峰培訓' + [12]+ 1); let i=1; console.log(2-(i++)+(--i)+2+(++i)-(i--)-2); console.log(i); ``` “NaNnulltrue珠峰培訓121” 2 1 ~~~javascript //=>加號在JS中除了數學運算還有字符串拼接（加號左右兩邊出現字符串或者對象，基本上都是字符串拼接） console.log(1 + false + undefined + [] + null + true + '珠峰培訓' + [12] + 1); /* 1 + false -> 1 1 + undefined -> NaN *** NaN + [] -> 'NaN' *** 'NaN' + null -> 'NaNnull' ...字符串拼接 */ /* * 不論 i++ 還是 ++i，都是在自身基礎上累加1的數學運算 * => 和 i+=1 或者 i=i+1 還不是完全一致的 * => i++是先運算，后自身累加1，而++i是先自身累加1，然后再去運算的（不論是否加了小括號） */ let i=1; console.log(2-(i++)+(--i)+2+(++i)-(i--)-2); console.log(i); /* 2-(i++) => 2-i / i++ => 1 i=2 1+(--i) => --i / 1+累減結果 => i=1 2 2+2 => 4 4+(++i) => ++i / 4+累加結果 => i=2 6 6-(i--) => 6-i / i-- => 4 i=1 4-2 => 2 i=1 */ //let n="10"; //n++ => 11 //n+=1 => "101" //n=n+1 => "101" ~~~  #### 9. “1” “0” ~~~javascript //=>alert輸出的結構都是轉換為字符串的 for (var i = 10; i >= 2; i--) { if (i === 6) { i-=2; break; } else if(i<=5) { i=2; } else { i-=2; continue; } i--; alert(i); } alert(i); ~~~ #### 10. ~~~javascript Number(""); //=>0 parseFloat(""); //=>NaN !!"parseInt(NaN)"; //=>把非空字符串轉化為布爾 true !typeof typeof typeof [12,23]; //=>false /* typeof typeof typeof [12,23] => "string" !"string" => false */ parseFloat("1.6px") + parseInt("1.2px"); /* parseFloat("1.6px") => 1.6 parseInt("1.2px") => 1 1.6 + 1 => 2.6 */ typeof "parseInt(undefined)" + 12 + !!Number(''); /* typeof "parseInt(undefined)" => "string" !!Number('') => false "string" + 12 + false => "string12false" */ typeof !!parseInt(undefined) + !parseFloat(null); /* typeof !!parseInt(undefined) parseInt(undefined) => parseInt("undefined") => NaN !!NaN => false typeof false => "boolean" !parseFloat(null) parseFloat(null) => NaN !NaN => true "boolean" + true => "booleantrue" */ ~~~