前端面试:js数据类型

梦里梦外; 2021-12-23 11:55 238阅读 0赞

js数据类型是js中的基础知识点，也是前端面试中一定会被考察的内容。本文旨在知识的梳理和总结，希望读者通过阅读本文，能够对这一块知识有更清晰的认识。文中如果出现错误，请在评论区指出，谢谢。

#### js数据类型都有什么？ ####

答：js数据类型一共有7种，两大类：原始类型，引用类型（对象）  
原始类型包括：boolean, null,undefined,number,string,symbol

--------------------

#### 为什么1.toString会报错？ ####

答：js中点有两种，小数点和访问对象属性的点，如果一个表达式中有两个以上的点，那么第二个及后面的点会被js引擎当作是访问对象属性的点。而第一个点会有两种情况，js引擎在解读以数字开头的第一个点时，会被当成小数点进行处理，而'toString()’会被作为一个不合法的浮点数来解释，所以报错。  
而1.2.toString()则不会报错。

--------------------

#### symbol是什么数据类型？ ####

答：原始数据类型。symbol是ES6引入的一种新的原始数据类型，表示独一无二的值。symbol值由Symbol函数生成。

--------------------

#### 为什么0.1+0.2 !== 0.3? ####

答：我们在控制台中打印0.1+0.2的时候，可以看到结果为0.30000000000000004。而不是0.3。这是因为在计算机中，数字无论是定点数还是浮点数都是以二进制的方式进行存储的。而0.1和0.2转换成二进制后会无限循环，JavaScript使用Number类型表示数字，遵循IEEE754标准。在进行运算时，先转换二进制，由于IEEE754尾数位数限制，多余部分舍弃，这样在进制之间的转换中进度已经损失，由于指数位数不相同，运算时需要对接运算，也可能产生精度损失，所以计算结果出现偏差。解决问题的最常用的方法就是将浮点数转化为整数计算。

--------------------

#### null是对象类型么？ ####

答：null是原始数据类型,虽然typeof null === ‘object’,但是这是js的一个历史遗留Bug。

--------------------

#### 说一说对象类型和原始类型的不同 ####

答：对象类型，也叫做引用类型。与原始类型不同的是，对象类型是在计算机内存中帮我们开辟一个空间来存放值,这个空间会有一个地址（指针）。例如：

const a = []

对于常量a来说，假设内存地址为\#001，那么在地址\#001的位置存放了值\[\],常量a存放了地址\#001，所以

const a = {}
    b  = a
    b[‘key’] = ‘value'
    console.log(a[‘key'])    //‘value'

当我们给变量b赋值的时候，是将a存放的内存地址（指针）复制给了b。所以a和b指向了同一个内存空间，这样当内存空间存放的值放生了变化时，a和b同时被影响。

--------------------

#### 请说明p1,p2的值 ####

function test(person){ 
        person.age =26
        person = {
                    name:'yyy’,
                    age:30
                 }
        return person 
    }
    const p1 = {
                 name:'yck’,
                 age:25
               }
    const p2 = test(p1)
    console.log(p1)// -> ?
    console.log(p2)// -> ?

答：  
p1->\{name: "yck", age: 26\}  
p2 ->\{name: "yyy", age: 30\}

函数传参是传递对象指针的副本，到函数内部修改参数的属性这步，当前的p1值也被修改了，但是放我们重新为person分配了一个对象时，person拥有了一个新的地址，也就和p1没有任何关系了。

--------------------

#### 说一下js类型判断的方法 ####

1.typeof 对于原始类型来说，除了null都可以显示正确类型（null->object）  
2.typeof 对于对象来说，除了函数都会显示object（function -> function）  
3.instanceof 可以判断某个变量是否是每个对象的实例。  
4.比较理想的方法是 Object.prototype.toString.call(variable)

--------------------

#### 如何判断一个对象是空对象 ####

1.Object.keys(\{\}).length === 0  
2.JSON.stringify(\{\}) === ‘\{\}'

--------------------

### 类型转换 ###

#### 转布尔值 ####

1.在条件判断时，除了undefined, null,false,NaN,’’,0,-0，其他所有值都转化为true，包括空对象

#### 对象转原始类型顺序 ####

1.判断是否为原始类型，如果不是，继续下一步  
2.调用x.valueOf(),如果转换为基础类型就返回转换的值，如果没有，继续下一步  
3.调用x.toString(),如果转换为基础类型就返回转换的值，如果没有，继续下一步  
4.报错

#### 四则运算中的类型转换 ####

1.加法运算，如果一方为字符串或者引用类型，那么会转换为字符串进行运算  
2.加法运算，如果一方为布尔类型，那么会转换为数字进行计算（引用类型，字符串除外）。  
3.加法运算，undefined与任何值相加，值都为NaN（字符串，引用类型相加除外）  
4.加法运算，如果一方为null， 那么会转化为数字进行运算，null值为0（字符串，引用类型相加除外）  
5.加法运算，如果一方为数字， 那么会转化为数字进行运算（字符串，引用类型相加除外）

--------------------

### == 和===的区别 ###

== 当比较的两者类型不同时会进行类型转换,

- 1==‘1’ //true 此情景 string转number
    - null == undefined //true 如果仅需要过滤掉null, undefined 两种属性时可以利用此特性
    - [] == ! [] //true 因为对象转基本类型后做比较 false == fase 0 == 0
    - [] == ![] //true
    - [] == false //true
    - '' == false //true
    - '' == Number(false) //true
    - '' == 0 //true
    - Number('') == 0 //true
    - 0 == 0 //true

转载于:https://www.cnblogs.com/yxqd/p/10478709.html