原文鏈接:The Secret Life of JavaScript Primitives
您可能不知道酪耕,但在JavaScript中教藻,每當(dāng)您與字符串谤专、數(shù)字或布爾原語(yǔ)交互時(shí),您就進(jìn)入了一個(gè)隱藏的對(duì)象陰影和強(qiáng)制的世界说庭。
基本原則
對(duì)象是屬性的聚合。屬性可以引用對(duì)象或原始數(shù)據(jù)〈档蓿基本類(lèi)型是值咳蔚,它們沒(méi)有屬性豪嚎。
在JavaScript中有7種基本類(lèi)型:undefined、null谈火、boolean侈询、string,number糯耍,bigint扔字,symbol囊嘉。其他一切都是一個(gè)對(duì)象「镂基本類(lèi)型布爾扭粱、字符串和數(shù)字可以被它們的對(duì)應(yīng)對(duì)象包裝。這些對(duì)象分別是布爾震檩、String和Number構(gòu)造函數(shù)的實(shí)例琢蛤。
typeof true; //"boolean"
typeof Boolean(true); //"boolean"
typeof new Boolean(true); //"object"
typeof (new Boolean(true)).valueOf(); //"boolean"
typeof "abc"; //"string"
typeof String("abc"); //"string"
typeof new String("abc"); //"object"
typeof (new String("abc")).valueOf(); //"string"
typeof 123; //"number"
typeof Number(123); //"number"
typeof new Number(123); //"object"
typeof (new Number(123)).valueOf(); //"number"
如果原始類(lèi)型沒(méi)有屬性,為什么"abc".length
會(huì)返回一個(gè)值?
因?yàn)镴avaScript很容易在原語(yǔ)和對(duì)象之間強(qiáng)制轉(zhuǎn)換恳蹲。在這種情況下虐块,為了訪問(wèn)屬性長(zhǎng)度,字符串值被強(qiáng)制轉(zhuǎn)換為字符串對(duì)象嘉蕾。字符串對(duì)象只被使用了一小會(huì)兒贺奠,之后它就被獻(xiàn)給了垃圾收集之神。
String.prototype.returnMe = function () {
return this;
};
var a = "abc";
var b = a.returnMe();
a; //"abc"
typeof a; //"string" (still a primitive)
b; //"abc"
typeof b; //"object"
正如許多善意的科學(xué)調(diào)查一樣,只要b還在,我們就會(huì)干擾事物的自然發(fā)展膝昆,防止物體被當(dāng)作垃圾收集。海森堡活得很好??
(注意儿普,在嚴(yán)格模式下,難以捉摸的生物會(huì)逃走-謝謝@DmitrySoshnikov)
下面是一個(gè)更環(huán)保的例子掷倔,它在不干擾垃圾收集的情況下驗(yàn)證對(duì)象類(lèi)型:
Number.prototype.toString = function() {
return typeof this;
}
(123).toString(); //"object"
通過(guò)這種方式眉孩,原始類(lèi)型可以訪問(wèn)由各自的對(duì)象構(gòu)造函數(shù)定義的所有屬性(包括方法)。
這些對(duì)象也可以被強(qiáng)制賦值?
是的勒葱。主要是浪汪。這種類(lèi)型的對(duì)象僅僅是包裝器,它們的值是它們包裝的原語(yǔ)凛虽,它們通常會(huì)根據(jù)需要強(qiáng)制轉(zhuǎn)換為這個(gè)值死遭。
//object coerced to primitive
var Twelve = new Number(12);
var fifteen = Twelve + 3;
fifteen; //15
typeof fifteen; //"number" (primitive)
typeof Twelve; //"object"; (still object)
//another object coerced to primitive
new String("hippo") + "potamus"; //"hippopotamus"
//object not coerced (because 'typeof' operator can work with objects)
typeof new String("hippo") + "potamus"; //"objectpotamus"
可悲的是,布爾對(duì)象不那么容易強(qiáng)制凯旋。更糟糕的是呀潭,除非布爾值為空或未定義,否則布爾對(duì)象的計(jì)算結(jié)果為true至非。試試這個(gè):
if (new Boolean(false)) {
alert("true???");
}
通常你必須顯式地詢問(wèn)布爾對(duì)象的值钠署。以下可能有助于確定值是否為" false " ....的" true "
var a = "";
new Boolean(a).valueOf(); //false
但實(shí)際上,這樣做更容易荒椭。
var a = Boolean("");
a; //false
甚至這樣
var a = "";
!!a; //false
強(qiáng)制是否允許我給原始類(lèi)型賦值?
如果JavaScript檢測(cè)到試圖將屬性賦給一個(gè)原語(yǔ)谐鼎,它確實(shí)會(huì)強(qiáng)制將原語(yǔ)賦給一個(gè)對(duì)象。但是戳杀,與前面的示例一樣该面,這個(gè)新對(duì)象沒(méi)有引用,將立即成為垃圾收集的素材信卡。
下面是同一個(gè)示例的偽代碼表示隔缀,以說(shuō)明實(shí)際發(fā)生的情況
var primitive = "september";
primitive.vowels = 3;
//new object created to set property
(new String("september")).vowels = 3;
primitive.vowels;
//another new object created to retrieve property
(new String("september")).vowels; //undefined
哦,正如你所看到的傍菇,它不僅沒(méi)用猾瘸,而且相當(dāng)浪費(fèi)。
包裝對(duì)象
事實(shí)證明丢习,賦值屬性的能力是對(duì)象相對(duì)于原始對(duì)象的唯一優(yōu)勢(shì)牵触,但在實(shí)踐中,即使這是一個(gè)值得懷疑的品質(zhì)咐低。字符串揽思、布爾值和數(shù)字具有特定的、定義良好的目的见擦,將它們重新定義為國(guó)家持有者很可能會(huì)使人們感到困惑钉汗。此外,由于原語(yǔ)是不可變的鲤屡,你不能通過(guò)調(diào)整對(duì)象包裝器的屬性來(lái)修改它們:
var me = new String("Angus");
me.length = 2; //(error in strict mode)
me.length; //5 (not 2 - thanks @joseanpg)
me.valueOf(); "Angus"
補(bǔ)充
var me = new String("Angus");
me.length = 2; //(error in strict mode)
const d = Object.getOwnPropertyDescriptor(me, 'length');
// Object { value: 5, writable: false, enumerable: false, configurable: false }
console.log(d);
因?yàn)?code>length屬性的writable
是false
所以長(zhǎng)度不會(huì)被賦值而改變损痰。
盡管如此,我確實(shí)認(rèn)為酒来,良好地理解原語(yǔ)以及當(dāng)您與它們交互時(shí)發(fā)生了什么卢未,是深入了解該語(yǔ)言的重要一步。我希望這對(duì)你有所幫助堰汉。
本文由mdnice多平臺(tái)發(fā)布