你真的懂JavaScript基礎類型嗎

夯實Javascript基礎。

基本類型有六種： null，undefined，boolean，number，string，symbol。

基本類型的值是保存在棧內存中的簡單數據段

基礎類型特性

基礎類型最重要的特性

• 基礎類型是不變的

  • 所以：基礎類型沒有splice，sort之類的直接改變變量的方法
  • 強行改變基礎類型會報錯

  // str 不能調用 Array的 sort 和 splice
  
    Array.prototype.sort.call('strxyz');
    // Uncaught TypeError: Cannot assign to read only property '2' of object '[object String]'
  
    Array.prototype.splice.call('strxyz');
    // Uncaught TypeError: Cannot assign to read only property 'length' of object '[object String]'
  
  
    // object 能夠使用 Array的sort 和 splice
  
    Array.prototype.sort.call({x: 1, y: 2});
    // {x: 1, y: 2}
  
    Array.prototype.splice.call({x: 1, y: 2});
    // []

• 基礎類型沒有__proto__沒有屬性

  str.x = 1;
    console.log(str.x); // undefined

• 全部對基礎類型屬性的訪問都是訪問的基本包裝類型 (String、Number、Boolean)

  當你調用 `str.length` 時，實際過程是這樣的：
    -> 建立String類型的一個實例
    -> 在實例上調用指定的方法
    -> 銷燬這個實例
  
    var str = 'abc';
    var _str = new String(str);
    var len = _str.length;
    _str = null;
    console.log(len);

其餘特性

• typeof null === 'object'

  • (歷史遺留問題，由於000開頭表示對象，而null全是0)

• 條件判斷時 undefined null false NaN '' 0 -0 爲 false，其餘都爲 true

  • (條件判斷時會隱式轉換爲Boolean)

• JS只有浮點類型（double），沒有整型

  • 1 === 1.0

• NaN 也屬於 number 類型，而且 NaN 不等於自身。

  • var a = NaN; a !== a;

• String 類型是類數組，具備iterator

  • typeof String('x')[Symbol.iterator] === 'function'

基礎類型檢測

檢測基礎類型用 typeof

// typeof 只適合檢測 基礎類型

  typeof new Date() // 'object'
  typeof [] // 'object'
  typeof {} // 'object'
  typeof console.log // 'function'

基礎類型轉換

基本類型轉換時，首先會調用 valueOf，而後調用 toString。而且這兩個方法能夠重寫。

var a = 1;

  var obj = {x: 1};
  obj.toString === '[object Object]';

  var arr = [2, 3];
  arr.toString() === '2,3';

  a + obj === '1[object Object]';
  a + arr === '12,3';

Symbol.toPrimitive該方法在轉基本類型時調用優先級最高。

let a = {
    valueOf() {
      return 1;
    },
    toString() {
      return '2';
    },
    [Symbol.toPrimitive]() {
      return 3;
    }
  }

  1 + a // => 4

四則運算

• 在四則運算中，除了'+' 其餘操做都會以數字進行計算
• 若是是 + 運算，若是不是全部字面量都是number，那麼會轉換爲字符串(toString)進行拼接

End

持續更新中，Github信息更多哦，你的⭐是我最大的支持。 查看詳情，