基本
你可能不知道,但在 JavaScript 中,每当我们与字符串、数字或布尔原语交互时,我们就进入了一个对象阴影和强制转换的隐藏世界。
字符串、数字、布尔值、空值、未定义和符号。
在 JavaScript 中有 7 种原始类型:undefined、null、boolean、string、number、bigint和symbol。其他一切都是对象。基本类型 boolean、string 和 number 可以由它们的对应对象包装。这些对象分别是 Boolean、String 和 Number 构造函数的实例。
typeof true; //"boolean"
typeof new Boolean(true); //"object"
typeof "this is a string"; //"string"
typeof new String("this is a string"); //"object"
typeof 123; //"number"
typeof new Number(123); //"object"
如果基元没有属性,为什么 "this is a string".length 会返回一个值?
因为 JavaScript 很容易在原语和对象之间进行强制转换。在这种情况下,字符串值被强制转换为字符串对象,以便访问属性长度。字符串对象只使用了几分之一秒,之后它就被献给了垃圾收集之神——但本着电视探索节目的精神,我们将捕获这个难以捉摸的生物并将其保存起来以供进一步分析……
为了进一步证明这一点,请考虑以下示例,我们在其中向 String 构造函数原型添加了一个新属性。
String.prototype.sampleProperty = 5;
var str = "this is a string";
str.sampleProperty; // 5
通过这种方式,原语可以访问由它们各自的对象构造函数定义的所有属性(包括方法)。
所以我们看到原始类型会在需要时适当地强制转换为它们各自的 Object 对应物。
toString()方法分析
考虑以下代码
var myObj = {lhs: 3, rhs: 2};
var myFunc = function(){}
var myString = "This is a sample String";
var myNumber = 4;
var myArray = [2, 3, 5];
myObj.toString(); // "[object Object]"
myFunc.toString(); // "function(){}"
myString.toString(); // "This is a sample String"
myNumber.toString(); // "4"
myArray.toString(); // "2,3,5"
正如上面所讨论的,真正发生的是当我们在原始类型上调用 toString() 方法时,它必须在调用该方法之前被强制转换为对应的对象。
即 myNumber.toString() 等同于 Number.prototype.toString.call(myNumber) 并且对于其他原始类型也类似。
但是,如果不是将原始类型传递给对应的对象构造函数对应的toString()方法,而是强制将原始类型作为参数传递给对象函数构造函数 (Object.prototype.toString.call(x)) 的toString()方法,会怎样呢?
仔细看看 Object.prototype.toString()
根据documentation,
当调用 toString 方法时,执行以下步骤:
- 如果
this值为undefined,返回"[object Undefined]"。
- 如果
this值为null,返回"[object Null]"。
- 如果这个值不是以上任何一个,设
O为调用toObject的结果,传递this值作为参数。
- 设类为
O 的[[Class]] 内部属性的值。
- 返回连接
"[object "、class和"]"三个字符串的结果字符串值。
从下面的例子中理解这一点
var myObj = {lhs: 3, rhs: 2};
var myFunc = function(){}
var myString = "This is a sample String";
var myNumber = 4;
var myArray = [2, 3, 5];
var myUndefined = undefined;
var myNull = null;
Object.prototype.toString.call(myObj); // "[object Object]"
Object.prototype.toString.call(myFunc); // "[object Function]"
Object.prototype.toString.call(myString); // "[object String]"
Object.prototype.toString.call(myNumber); // "[object Number]"
Object.prototype.toString.call(myArray); // "[object Array]"
Object.prototype.toString.call(myUndefined); // "[object Undefined]"
Object.prototype.toString.call(myNull); // "[object Null]"
参考:
https://es5.github.io/x15.2.html#x15.2.4.2
https://es5.github.io/x9.html#x9.9
https://javascriptweblog.wordpress.com/2010/09/27/the-secret-life-of-javascript-primitives/