博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS 中 'hello' 和 new String('hello') 引出的问题
阅读量:7119 次
发布时间:2019-06-28

本文共 2144 字,大约阅读时间需要 7 分钟。

定义一个字符串

在工作中我们大概有3种方法去定义一个字符串:1. var str = 'hello';2. var str1 = String('hello');3. var str2 = new String('hello');(下文直接会带 以上三个变量....)这三种方法定义出来的 'hello',都有自己的属性 例如lengh,有自己的方法例如: indexOf(),在日常工作定义中也没有感觉到任何的不同。那是否深入过, 1.这三种方式定义出来的'hello',是否是一样的呢?2.为什么基本类型可以直接调用其对应的方法呢?复制代码

这三种方式定义出来的'hello',是否是一样的呢?

console.log(str === str1) //trueconsole.log(str === str2) //falseconsole.log(str1 === str2) //false我们可以发现 最后一种方式定义的 与上面两种方式定义的 不相等。???首先我们知道一个东西 就是: new 出来的一定是对象。所以分别 打出三个的类型:console.log(typeof str) //stringconsole.log(typeof str1) // stringconsole.log(typeof str2) //object所以这也就是为什么不会严格相等的原因。复制代码

引出数据类型 与 堆栈之间的关系

尝试深入理解原因:我们知道,String,Number,Boolean在JS中是基本类型,基本类型是存储在栈(stack)内存中的,数据大小确定,内存空间大小可以分配。而引用类型是存储在堆(heap)内存中的,例如对象, 栈中存在的仅仅是一个堆的指针,这也就是我们日常遇到 a = {num:1}, b=a, b.num1 = 2, 那么a.num1 也为2 的原因。因为a,b同时指向同一个地址。前两种方式定义出来的是在栈中并且值相等,而第三种方法定义出来的仅仅是栈中的一个指针。所以这也是为什么 三种方式定义出来的不一样。复制代码

为什么基本类型可以直接调用其对应的方法呢?

尝试:console.log(str.length) // 5str.say = 'world'console.log(str.say) //undefined console.log(str1.lengh) // 5str1.say = 'world'console.log(str1.say) //undefinedconsole.log(str2.lengh) // 5str2.say = 'world'console.log(str.say) //world复制代码

引出包装对象和原始资料类型

我们发现第一种第二种方式均可访问lengh属性,但是为什么我们并不能自定义一个属性并进行访问?数字、字符串、布尔三者,在JS中称为原始的(primitives)资料类型,而 new String(), new Number() 就是包装对象。包装对象也是对象。这也就是为什么 我们打印 三种类型分别为 : string(原始资料类型) , string(原始资料类型) , object(包装对象).我们可以理解 new 出来的 str2 对象有 String 的一系列方法 console.log(str2.indexOf === String.prototype.indexOf)  // true那尝试一下 第一种第二种方法 是否有同样的true?console.log(str.indexOf === String.prototype.indexOf) //trueconsole.log(str1.indexOf === String.prototype.indexOf) //true但是:str instanceof String // falsestr1 instanceof String // falsestr 又 不属于String 却拥有 String 的方法?????因为:这是JS中的设计。这是JS中的设计。这是JS中的设计。原始资料类型的方法与属性是"借"来的一个原始的资料类型值,并没有如对象会有属性或方法,原始的资料类型在运算时用的属性与方法,是向包装对象"借来"的用的,所以原始资料类型是可以向 new String() 或者 new Number() 借来所有的方法。但是自己本身却没有属性和方法。所以这也就是为什么第一种第二种我们无法去自定义属性却可以使用对应类型的方法的原因复制代码

总结:

1.第一种和第二种方法定义出来的是原始资料类型并储存于栈中, 并向包装对象(new ..())借来方法和属性.2.第三种是 包装对象,栈中储存堆指针,堆中储存内容。所以这也是发生一系列看似不正常但是又正常的事情的原因,哈哈哈哈哈哈哈哈。当然还有很多的东西,既然牵扯到了堆栈,那么又不得不了解一下堆栈到底是什么,有什么区别等等。复制代码

转载于:https://juejin.im/post/5b70334c5188256128593f43

你可能感兴趣的文章
linux RTC 驱动模型分析【转】
查看>>
【Alpha】Scrum Meeting 3
查看>>
枚举和实用类
查看>>
python 里面的%s和%r的区别
查看>>
SpringMVC的数据转换、格式化和数据校验
查看>>
【面积原理】计算级数和
查看>>
django的cookie和session
查看>>
nfs匹配nginx服务
查看>>
Django REST框架 -序列化
查看>>
LeetCode222
查看>>
JAVA中重写equals()方法为什么要重写hashcode()方法说明
查看>>
c语言怎么采用链表编写销售管理系统
查看>>
hibernate框架(三)持久化类&主键生成策略
查看>>
当winform多个按钮处理方式一致时的方法
查看>>
点击按钮复制文本框中的内容
查看>>
Redis 集群
查看>>
转载:MySQL的字符串处理函数
查看>>
几种加密算法的比较
查看>>
第四章:语言模块
查看>>
Flex 中的 DataGrid 自动刷新(转)
查看>>