iT邦幫忙

2022 iThome 鐵人賽

0
Modern Web

就是要搞懂 JavaScript 啦!系列 第 48

Day48 Type 原生功能:在值的背後默默履行職責

  • 分享至 

  • xImage
  •  

在前面的章節有介紹過,JS 內部擁有一些特殊物件,它們能夠創造出對應的值,這些物件被稱為內建物件(Build-in Objects)。而它們同時也都是 JS 的內建函式(Build-in Functions),有時又稱為原生功能(Natives)。

以下列出一些常用的原生功能:

  • String
  • Number
  • Boolean
  • Array
  • Object
  • Function
  • RegExp
  • Date
  • Error
  • Symbol(ES6+)

看到它們統一的開頭大寫,不難猜到,這些函式屬於建構子函式,使用 new 調用後會回傳一個物件:

var s = new String("Hello World!");
console.log(s); // String {'Hello World!'}
console.log(typeof s); // object
console.log(s instanceof String); // true
console.log(s.valueOf()); // "Hello World!"

創造出來的 s 是一個字串的包裝物件,也就是對字串等原生型別調用屬性時,JS 會自動為該值調用的物件包裹器(wrapper),包裝成一個原生型別物件。

var strPrimitive = "I am a string";
console.log(strPrimitive.length);     // 13
console.log(strPrimitive.charAt(3));  // "m"

var strFromWrapper = new String("I am a string from wrapper").valueOf();
console.log(strFromWrapper.length);     // 26
console.log(strFromWrapper.charAt(8));  // "t"

物件的內部標籤

在 JS 中,使用 typeof 檢測為 object 的值,都會擁有一個內部分類用的標籤屬性,這些屬性無法直接訪問,卻可以用間接方法展示出來:

Object.prototype.toString.call(undefined)         // [object Undefined]
Object.prototype.toString.call(null)              // [object Null]
Object.prototype.toString.call("")                // [object String]
Object.prototype.toString.call(1)                 // [object Number]
Object.prototype.toString.call(true)              // [object Boolean]
Object.prototype.toString.call({})                // [object Object]
Object.prototype.toString.call(function a() { })  // [object Function]
Object.prototype.toString.call([1, 2, 3])         // [object Array]
Object.prototype.toString.call(/regex-literal/i)  // [object RegExp]
Object.prototype.toString.call(new Error("Oh!"))  // [object Error]

在 JS 裡並沒有 UndefinedNull 這兩個內建物件,但可以看到,它們依然擁有內部的分類標籤。除此之外,其他值獲取的標籤就分別是它們的內建物件。


參考資料


上一篇
Day47 Type 開篇:值的各種樣貌
下一篇
Day49 Type 封箱與開箱:獲得屬於物件的超能力
系列文
就是要搞懂 JavaScript 啦!73
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言