JS中的7种数据之间大部分是可以相互转换的,这篇文章做一个小小的总结。
一.任意类型转字符串
1.toString()方法。
true.toString = 'true'
({}).toString = '[object Object]'
对于数据类型null
和undefined
是不能够用toString()
方法的。
2.全局方法String()
String(1)
'1'
String(true)
'true'
String(null)
'null'
String(undefined)
'undefined'
String({})
'[object Object]'
3.任意类型用+
拼接空字符串 ''
1 + ''
'1'
true + ''
'true'
需要注意的是当对象与空字符串拼接时,用以下方式:
{} + ''
0
var o = {}
o + ''
'[object Object]'
二.转数字类型
1.全局方法 Number()
使用Number函数,可以将任意类型的值转化成数值。Number函数将字符串转为数值,要比parseInt函数严格很多。基本上,只要有一个字符无法转成数值,整个字符串就会被转为NaN。
- parseInt(x, 10) ,其具体的使用方式见:MDN
3.parseFloat(x) ,具体使用方式见:MDN
4.X - 0
,当用字符串类型减去数字0,也可以实现类型的转换
'1' - 0
1
-
+ X
与方式4类型,通过+号与X拼接的形式
三.任意类型转Boolean
1.全局方法 Boolean(x)
2.技巧:!! x
x的双重否定还是它自身。
JS中有六个值会被视为false,见我的上一篇文章:JS里的数据类型
四.用内存图解释关于object的常见问题
用一个比较简单的方法解释JS数据在内存中存储:
1.JS 引擎将内存分为代码区和数据区
2.我们只研究数据区
3.数据区分为 Stack(栈内存) 和 Heap(堆内存)
4.简单类型的数据直接存在 Stack 里
5.复杂类型的数据是把 Heap 地址存在 Stack 里
例如:
var a = 1
var b = a
var b = 2
a
1
b变量的变化并不会影响a变量,因为简单的数据类型会存储在stack内存中。但对于复杂数据如object,当我们声明一个对象时,其在stack中存储一个地址,该地址是其在heap中的具体地址。简单地说,就是stack中是该对象的引用。以如下常见的面试题为例:
var a = 1
var b = a
b = 2
请问 a 显示是几?
// 1
var a = {name: 'a'}
var b = a
b = {name: 'b'}
请问现在 a.name 是多少?
// 'a'
var a = {name: 'a'}
var b = a
b.name = 'b'
请问现在 a.name 是多少?
// 'b'
var a = {name: 'a'}
var b = a
b = null
请问现在 a 是什么?
// 'a'
如下关于变量提示的面试题:
var o = {self:o}
o.self
//undefined
因为上面的代码相当于如下:
var o
o = {self:o}
o.self
//undefined
变量o被先声明了却没有赋值,所以为undefined。
6.垃圾回收
如果一个对象在heap中没有被引用了,就会被浏览器当作垃圾,在合适的时间被回收,释放出该内存空间。但在IE 6浏览器中,会存在垃圾回收的BUG,称为内存泄露。
6.深拷贝与浅拷贝
var a = 1
var b = a
b = 2 //这个时候改变 b
上述代码中,a 完全不受 b 的影响,我们就称之为深拷贝。
1.对于简单类型的数据来说,赋值就是深拷贝。
2.对于复杂类型的数据(对象)来说,才要区分浅拷贝和深拷贝。
如上述JS常见面试题中的一道题:
var a = {name: 'frank'}
var b = a
b.name = 'b'
a.name === 'b' // true
对b进行操作后,a也被改变了,这种情况就是浅拷贝。如果对a对象heap内存中的数据也进行完全拷贝,此时a与b就不会互相影响,这种情况就是深拷贝。