深入理解JavaScript中为什么string可以拥有方法

引言

JavaScript数据类型分类

在JavaScript中，数据类型主要分为两大类：基本类型（原始类型）和引用类型。

基本类型的值存储在栈内存中，属于简单数据段，按值访问。JavaScript包含五种基本类型：Undefined、Null、Boolean、Number和String。

引用类型的值存储在堆内存中，以对象形式存在，按引用访问。常见的引用类型包括Object、Array、Function、RegExp和Date。

对象天然拥有属性和方法，因此以下代码看起来非常自然：

var favs=['鸡蛋','莲蓬'];
favs.push('秋葵');
console.log(favs);//["鸡蛋", "莲蓬", "秋葵"]
console.log(favs.length);//3

Array作为引用类型，拥有length属性和push方法，这符合逻辑，就像夏天吃冰淇淋一样理所当然。然而，观察以下代码，不禁让人疑惑：这合法吗？

var realMessage="Said I love you but I lied";
var myMessage=realMessage.substring(5,15);
console.log(myMessage); //"I love you"

有人对用于分手的字符串强行调用substring方法，并愉快地看着剪辑后的结果入睡。但问题是，String是基本类型，为什么它能拥有方法？这似乎违背了常识。

这一切的幕后推手是“基本包装类型”。它行事低调，真正做到了“事了拂衣去，深藏功与名”。

基本包装类型机制

基本包装类型

除了前文提到的Object、Array等引用类型，JavaScript还提供了三种特殊的引用类型：String、Number和Boolean，用于方便地操作对应的基本类型。

回到之前的字符串剪辑示例，注意realMessage的值并未改变，调用substring方法只是返回了一个新字符串。

这正是基本包装类型的作用。虽然基本类型本身没有方法，但当你调用时，对应的包装类型会介入。例如substring方法，String基本类型本身没有，但String包装类型有，它会执行该方法并返回结果。具体到：

realMessage.substring(5,15)这行代码时，后台发生了许多操作。

首先，从内存中读取realMessage的值。在此模式下，后台开始工作。JavaScript高程描述了这些后台动作：

1. 创建String类型的一个实例；

2. 在实例上调用指定的方法；

3. 销毁这个实例

上述例子可以用以下代码示意：

var _realMessage=new String("Said I love you but I lied");
var myMessage=_realMessage.substring(5,15);
_realMessgae=null; //方法调用后即销毁

因此，我们明白，并非基本类型string自身执行了方法，而是后台为其创建了一个对应的基本包装类型String实例，利用该实例调用指定方法，最后销毁实例。

注意最后一步“销毁”特性，这意味着我们不能为基本类型值添加自定义属性和方法。

var me="sunjing";
me.age=18;
console.log(me.age);//undefined

我给“me”这个字符串添加了age属性，值为18，但再次访问时，该属性已消失。原因在于：

执行第二行赋值时，后台创建了基本包装类型实例，age属性确实挂载到了该实例上。但紧接着，该实例被销毁。执行第三行时，重新创建了新的基本包装类型实例，自然没有age属性。

显式创建包装类型

显示使用基本包装类型

除了后台自动创建，我们也可以显式创建基本包装类型。

var str=new String("hello");
var str2=str.toUpperCase();
console.log(str2);//"HELLO:

这与后台自动创建时变量中保存的内容不同。

var str1=new String("hello");
var str2="hello";
typeof str1 //"object"
typeof str2 //"string"

总结

得益于基本包装类型，操作string、boolean、number这三种基本类型更加便捷。每当读取这三种基本类型值时，后台会创建对应的包装类型实例，调用指定方法后销毁。这种短暂生命周期决定了无法为基本类型添加自定义属性和方法。

以上深入理解JavaScript中为什么string可以拥有方法的内容到此结束，希望能给大家一个参考，也希望大家多多支持本站。