我们都知道JS中使用字符串可以直接赋值字符串字面量，或者是new String("foo")。

但是他们到底有什么区别？我们先看一段代码：

var a = "foo";
var b = new String("foo");

console.log(a); // foo
console.log(b); // String {0: "f", 1: "o", 2: "o", length: 3, [[PrimitiveValue]]: "foo"}

console.log(typeof a); // "string"
console.log(typeof b); // "object"

console.log(a == b);  // true
console.log(a === b); // false

console.log(a.charAt === b.charAt); // true

可以看出，变量a是一个primitive值（原生值），一个primitive值不会拥有自己的属性与方法。

而b是一个primitive类型（primitive类型：Undefined, Null, Boolean, String, Number）的实例，它有一个值为实例化String类型时所传入的参数的内置属性[[PrimitiveValue]]，这个String的实例享有String.prototype上所有的方法。

但是，为何当我们访问a.charAt时能够访问到String.prototype.charAt呢？

• 因为当我们尝试访问一个primitive值的属性时，JS引擎内部会调用一个内置[[toObject]] 方法，将字面量的”foo”转为一个[[PrimitiveValue]]为”foo”的String对象，然后从其原型链中尝试查找需要访问的属性，使用结束后再释放掉这个String对象。

关于[[toObject]]算法规则如下图：

[[toObject]]的计算规则（ECMA-262/5.1 Edition）

该逻辑适用于所有primitive类型的字面值(Undefined, Null, Boolean, String, Number)。

而对于为何 a == b 为 true ， 可以参照我之前译的《原创翻译）JS中的判断为真与相等（Truth, Equalit and JavaScript）》 文中介绍的关于==操作符的类型转换规则。

当一个Object与一个String/Number类型比较时，会首先对Object调用[[toPrimitive]]方法，对于所有primitive类型的实例（上面介绍那5个），调用[[toPrimitive]]方法将直接返回自身[[PrimitiveValue]]的值，对于我们的例子，也就是返回了字符串”foo”。 最后"foo" == "foo"， 所以返回true。

更为细节的说明请查看ECMA Script规范中关于primitive value、[[toPrimitive]]、[[toObject]]的介绍。

全文完…

Posted in 2015-05-29 00:03

相关文章

• 几句话整理下Javascript原型链与继承