2021-11-30js基础整理

1.null和undefined的异同点有哪些？

相同点

都是空变量
都是假值，转布尔值都是false
null == undefined 为 true

不同点

typeof判断null为object，判断undefined为undefined
null转数字为0，undefined转数字为NaN
null是一个对象未初始化，undefined是初始化了，但未定义赋值
null === undefined 为 false

2.为什么typeof null 是object？

不同的数据类型在底层都是通过二进制表示的，二进制前三位为000则会被判断为object类型，而null底层的二进制全都是0，那前三位肯定也是000，所以被判断为object

3.undefined >= undefined 为什么是 false ？

按照隐式转换规则，可转换成NaN >= NaN，NaN 不等于 NaN，也不大于，所以是false

4.null >= null 为什么是 true？

按照隐式转换规则，可转换成0 >= 0，0 等于 0，所以是true

5.[] == ![] 为什么是 true ？

1、! 优先级高于 ==，[]不是假值，所以先转换成 [] == false
2、右边为布尔值，false先转数字0，所以可转换为[] == 0
3、左边为对象，[]调用toString转为 ''，转换为'' == 0
4、左边为字符串，''转换为0，最终为 0 == 0

6. 0.1 + 0.2 === 0.3，对吗？

不对，JavaScript的计算存在精度丢失问题

console.log(0.1 + 0.2 === 0.3) // false

原因：JavaScript中小数是浮点数，需转二进制进行运算，有些小数无法用二进制表示，所以只能取近似值，所以造成误差
解决方法：
先变成整数运算，然后再变回小数
toFixed() 性能不好，不推荐

7.Ajax、Axios、Fetch有啥区别？

Ajax：是对XMLHttpRequest对象（XHR）的封装
Axios：是基于Promise对XHR对象的封装
Fetch：是window的一个方法，也是基于Promise，但是与XHR无关，不支持IE

8.创建一个对象的方式有哪几种？

1.new Object创建
2.字面量创建 const obj = { name: 'Sunshin_Lin' }
3.工厂模式创建

function createObj(name) {
  const obj = new Object()
  obj.name = name
  return obj
}
const obj = createObj('Sunshine_Lin')

4.构造函数创建

function Person(name) {
  this.name = name
}
const person = new Person('Sunshine_Lin')

9.JS中有哪些不同类型的弹出框？

在JS中有三种类型的弹出框可用，分别是：

Alert

Confirm

Prompt