JS 中 'hello' 和 new String('hello') 引出的问题

定义一个字符串

在工做中咱们大概有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) //true
console.log(str === str2) //false
console.log(str1 === str2) //false

咱们能够发现 最后一种方式定义的 与上面两种方式定义的 不相等。
???
首先咱们知道一个东西 就是: 
new 出来的必定是对象。

因此分别 打出三个的类型：
console.log(typeof str) //string
console.log(typeof str1) // string
console.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) // 5
str.say = 'world'
console.log(str.say) //undefined

 console.log(str1.lengh) // 5
str1.say = 'world'
console.log(str1.say) //undefined

console.log(str2.lengh) // 5
str2.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) //true
console.log(str1.indexOf === String.prototype.indexOf) //true
可是:
str instanceof String // false
str1 instanceof String // false

str 又 不属于String 却拥有 String 的方法?????

由于:
这是JS中的设计。
这是JS中的设计。
这是JS中的设计。

原始资料类型的方法与属性是"借"来的
一个原始的资料类型值，并无如对象会有属性或方法，
原始的资料类型在运算时用的属性与方法，是向包装对象"借来"的用的，
因此原始资料类型是能够向 new String() 或者 new Number() 借来全部的方法。可是本身自己却没有属性和方法。

因此这也就是为何第一种第二种咱们没法去自定义属性却可使用对应类型的方法的缘由
复制代码

总结：

1.第一种和第二种方法定义出来的是原始资料类型
并储存于栈中, 
并向包装对象(new ..())借来方法和属性.

2.第三种是 包装对象，
栈中储存堆指针，
堆中储存内容。

因此这也是发生一系列看似不正常可是又正常的事情的缘由,
哈哈哈哈哈哈哈哈。
固然还有不少的东西，既然牵扯到了堆栈，
那么又不得不了解一下堆栈究竟是什么,
有什么区别等等。
复制代码