一道简单的面试题引发的思考

最新推荐文章于 2022-08-27 21:43:37 发布

原创最新推荐文章于 2022-08-27 21:43:37 发布 · 309 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#原型链

面试题专栏收录该内容

4 篇文章

订阅专栏

本文深入探讨了JavaScript中基本数据类型与引用类型的区别，重点分析了字符串作为基本数据类型的行为特性，包括为何不能直接添加属性及方法，以及后台如何通过基本包装类型实现方法调用。

出错的主要原因：感觉还是自己知识理解的深度不够

var str = 'name';
str.len = 4;
console.log(str.len);

当时我简单一看直接就给出了答案 4 ，面试官对我冷冷一笑，我就知道自己又傻了。下来一看发现这么简单的问题，顿时羞愧啊！


// 我们定义了一个字符串，字符串是基本数据类型
var str = 'name' ;

//这里给str设置了一个key：len ；value：4
str.len = 4;

//上面也说了str是一个基本数据类型，所以说是不可能添加key和value的，所以结果为undefined，而不是4
console.log(str.len);

var strPrimitive = "I am a string";
typeof strPrimitive; // "string"
strPrimitive instanceof String; // false

这里的 strPrimitvie 代表了’I am a string’,并不是一个对象，仅仅是一个字面量，并且是一个不可变的值。换种角度来看 strPrimitive 并不是 String类的实例，只有当strPrimitive 为 String 的实例的时候，通过instance检测的时候才回返回true。

var strObject = new String( "I am a string" );
typeof strObject; // "object"
strObject instanceof String; // true

// 检查 sub-type 对象
Object.prototype.toString.call( strObject ); // [object String]

看下面代码：

var str = "wgh";
str.substr(0)//'wgh'

基本数据类型不是对象从逻辑上将是不应该有方法的，其实为了实现这种直观的操作，后台已经完成了一系列的处理。这里涉及到了JS中的基本包装类型：Boolean、Number、String
后台完成的步骤如下：

创建一个String类型的实例
调用这个实例上面的方法
销毁这个实例

执行了相当于下面的代码：


var str1 = new String("wgh");
var str2=  str1.substr(0);
str1 = null;

上面的这三个步骤也适用于Boolean、Number基本包装类型
引用类型和基本包装类型的主要区别就是对象的生存期,在使用new 操作符创建的应用类型的实例，在执行留离开当前作用域之前就一直保存在内存中。而后台自动创建的基本包装类型的对象，则只存在于一行代码执行的瞬间，执行完毕立即被销毁，这意味着我们不能再运行时为基本类型的值其添加属性和方法。