JS 里的数据类型转换

上一篇文章中介绍了js的七种数据类型分别为:Number、String、Boolean、Symbol、Null、Undefined、Object,前六种为基本数据类型,只有对象是复杂数据类型,下面说说他们各种数据类型之间互相转换的方法:

一、 任意类型转字符串

以下三种方法:(x为任意类型变量)

  • String(x)
    String方法的参数如果是对象,返回一个类型字符串
  • x.toString() (不适用于null 和 undefined)


    String(x)
  • x + '' (最简单常用,加空字符串)


    任意类型转字符串

二、任意类型转数字

有下面五中方法:

  • Number(x)
    Number函数比较严格,只要有一个字符无法转化为数值,整个字符串就返回NaN。


    Number函数
  • parseInt(x, 10)
  • parseFloat(x)
  • x - 0
  • +x


    任意类型转数字

三、任意类型转布尔

  • Boolean(x)
  • !!x 即取反两次


    任意类型转布尔

这里涉及到五个falsy值,分别为:0 、NaN 、''(空字符串)、null 、undefined
除了这五个值和false本身之外,其他值转换为布尔值都为true,空对象也是true,内容含有空格的字符串也是true

四、 内存图

计算机中所有程序的运行都是在内存中进行的,因此内存的性能对计算机的影响非常大。只要计算机在运行中,CPU就会把需要运算的数据调到内存中进行运算,当运算完成后CPU再将结果传送出来,内存的运行也决定了计算机的稳定运行。

计算机对已有的内存进行分配,根据情况分配给浏览器一定的内存,浏览器又给没个网页各自分配一定的内存,网页把这部分内存用于页面渲染器、网络模块、浏览器外壳和 JS 引擎(V8引擎)。

其中,JS引擎将内存分为代码区和数据区,JS引擎首先将变量提升到代码区,我们主要讨论的是,数据区如何存储值,数据区分为Stack(栈内存)和Heap(堆内存)
对于普通数据类型,我们直接将他们存储在Stack,但是对于对象,我们随时都有可能对他添加别的属性,需要不断地出栈入栈,,很麻烦,所以浏览器将对象存储在堆内存中,然后把对象在堆中对应的地址,存在Stack中,这样,每次要取对象的值时,就去Stack中找到的就是对应在堆中的地址。

所以在遇到响应问题的时候最好通过画图来解决,比如:

var a = 1
var b = a
b = 2
请问 a 显示是几?  
image.png
var a = {name: 'a'}
var b = a
b = {name: 'b'}
请问现在 a.name 是多少?
image.png
var a = {name: 'a'}
var b = a
b.name = 'b'
请问现在 a.name 是多少?
image.png
var a = {name: 'a'}
var b = a
b = null
请问现在 a 是什么?
image.png
  • 深拷贝和浅拷贝
    在上面的几个例子中,有时候a的值不会受b值改变的影响,这就叫深拷贝
    有时候a的值会受b值改变的影响,这就叫浅拷贝
    对于所有的基本类型,他们之间的赋值比较简单,都是深拷贝
    而对于比较复杂的对象,要达到深拷贝,在复制时,所有的引用都要再复制一份,不能有任何关联
    浅拷贝的例子:
var a = {name: 'a'}
var b = a
b.name = 'b'
a.name === 'b' // true
//b的值改变,a的值也改变

深拷贝的例子(比较复杂)

var a = {name: 'a'}
var b = deepClone(a) // deepClone 还不知道怎么实现
b.name = 'b'
a.name === 'a' // true
//b的值改变,a的值不改变

五、 垃圾回收GC

如果一个对象没有被引用,它就是垃圾,会在一段时间内被浏览器回收
对于IE6及之前的一些版本,有可能会出现一些bug,使得该被标记为垃圾的没有被标记为垃圾,内存会一直被占用着,直到把整个浏览器关掉,这种现象就叫做内存泄漏

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。