JS 中 apos;helloapos; 和 new String(apos;helloapos;) 引出的问题

定义一个字符串

在工作中我们大概有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) //undefinedconsole.log(str1.lengh) // 5
str1.say = 'world'
console.log(str1.say) //undefinedconsole.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 // falsestr 又 不属于String 却拥有 String 的方法?????因为:
这是JS中的设计。
这是JS中的设计。
这是JS中的设计。原始资料类型的方法与属性是"借"来的
一个原始的资料类型值，并没有如对象会有属性或方法，
原始的资料类型在运算时用的属性与方法，是向包装对象"借来"的用的，
所以原始资料类型是可以向 new String() 或者 new Number() 借来所有的方法。但是自己本身却没有属性和方法。所以这也就是为什么第一种第二种我们无法去自定义属性却可以使用对应类型的方法的原因

总结：

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

JS 中 apos;helloapos; 和 new String(apos;helloapos;) 引出的问题相关推荐

JS中的数据类型转换：String转换成Number的3种方法
今天有个学员问了个关于数据类型转换的问题,我觉得这个是可以给大家说一下的. JavaScript中,可以通过以下3种方法来将string值转换成number: 1.调用Number()来对string ...
JS中的值是按值传递，还是按引用传递呢？
最近遇到个有趣的问题:"JS中的值是按值传递,还是按引用传递呢?" 在分析这个问题之前,我们需了解什么是按值传递(call by value),什么是按引用传递(call by r ...
JS中的原始数据类型（基础数据类型）和引用数据类型
文章目录一.js的数据类型划分方式为原始数据类型(基础数据类型)和引用数据类型二.两种类型的区别 1.存储位置不同 2.传值方式不同 3.两种数据类型在实参和形参中的区别一.js的数据类型划 ...
详细讲解js中的深拷贝与浅拷贝
1 概述深拷贝与浅拷贝在其它语言中也经常被提及到,在实际项目开发过程中也常常需要区分当前使用的到底是深拷贝还是浅拷贝,有时候在该使用深拷贝的地方,我们使用了浅拷贝,会导致深藏不露的bug. 2 数据 ...
js中常用的对象—String的属性和方法
今天说一下,js中常用的内置对象--String对象它有以下几个常用的属性: length prototype 有以下几个常用的方法: parseInt()转换为数字 parseFloat()转换为 ...
js中String的常用扩展
js中String的常用扩展,包括trim,检查中文,url,emal,电话号码,转类型,格式化代码等 //去掉字符串空间调用方式字符串.trim() String.prototype.trim = ...
JavaScript -- 时光流逝（三）：js中的 String 对象的方法
JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javasc ...
js中对String去空格
js中对String去空格 str为要去除空格的字符串: 去除所有空格: str = str.replace(/\s+/g,""); 去除两头空格: str = str.repla ...
js中toString()和String()区别详解
转载自 js中toString()和String()区别详解我们知道String()与 .toString()都是可以转换为字符串类型,但是String()与 .toString()的还是有区别的 ...

JS 中 apos;helloapos; 和 new String(apos;helloapos;) 引出的问题

定义一个字符串

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

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

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

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

总结：

JS 中 apos;helloapos; 和 new String(apos;helloapos;) 引出的问题相关推荐

最新文章

热门文章

JS 中 apos;helloapos; 和 new String(apos;helloapos;) 引出的问题

定义一个字符串

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

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

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

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

总结：

JS 中 apos;helloapos; 和 new String(apos;helloapos;) 引出的问题相关推荐

最新文章

热门文章

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