站群服务器,怎么建设局域网网站,鸟瞰图效果图制作,南阳优化网站排名该内容主要整理关于 JS 的相关面试题#xff0c;其他内容面试题请移步至 「最新最全的前端面试题集锦」 查看。 JS模块精选篇 1. 数据类型基础1.1 JS内置类型1.2 null和undefined区别1.3 null是对象吗#xff1f;为什么#xff1f;1.4 1.toString()为什么可以调用#xff1… 该内容主要整理关于 JS 的相关面试题其他内容面试题请移步至 「最新最全的前端面试题集锦」 查看。 JS模块精选篇 1. 数据类型基础1.1 JS内置类型1.2 null和undefined区别1.3 null是对象吗为什么1.4 1.toString()为什么可以调用1.5 0.10.2为什么不等于0.3如何让其相等1.6 如何理解BigInt1.7 JS 整数是怎么表示的1.8 Number() 的存储空间是多大如果后台发送了一个超过最大自己的数字怎么办 2. 数据类型检测3. 数据类型转换4. 闭包5. 原型和原型链链6. 继承7. this8. 内存机制9. 执行上下文10. 变量提升11. 模块化12. 异步编程13. 内存泄露14. 垃圾回收机制15. 深浅拷贝16. 对象的几种创建方式17. 数组相关18. 操作DOM19. Ajax总结20. 定时器21. 谈谈你对for in/for of的理解22. JavaScript 实现对上传图片的压缩 1. 数据类型基础
1.1 JS内置类型
JS 中分为七种内置类型七种内置类型又分为两大类型基本类型和对象Object。
基本类型
有七种 nullundefinedbooleannumberstringsymbol, bigint Symbol 代表独一无二的值最大的用法是用来定义对象的唯一属性名。BigInt 可以表示任意大小的整数是 ES10 新增的数据类型。 其中 JS 的数字类型是浮点类型的没有整型。并且浮点类型基于 IEEE 754 标准实现在使用中会遇到某些 Bug。NaN 也属于 number 类型并且 NaN 不等于自身。对于基本类型来说如果使用字面量的方式那么这个变量只是个字面量只有在必要的时候才会转换为对应的类型。
引用数据类型 对象Object包含普通对象— Object数组对象—Array正则对象—RegExp日期对象—Date数学函数—Math函数对象—Function 对象Object是引用类型在使用过程中会遇到 浅拷贝 和 深拷贝 的问题。 示例 function test(person) {person.age 26person {name: hzj,age: 18}return person
}
const p1 {name: fyq,age: 19
}
const p2 test(p1)
console.log(p1) // - ?
console.log(p2) // - ?结果 p1{name: “fyq”, age: 26}
p2{name: “hzj”, age: 18}原因: 在函数传参的时候传递的是对象在堆中的内存地址值test函数中的实参 person 是p1对象的内存地址通过调用 person.age 26 确实改变了p1的值但随后 person 变成了另一块内存空间的地址并且在最后将这另外一份内存空间的地址返回赋给了p2。
1.2 null和undefined区别
Undefined Undefined 类型只有一个值即 undefined。当声明的变量还未被初始化时变量的默认值为undefined。 用法 变量被声明了但没有赋值时就等于undefined。调用函数时应该提供的参数没有提供该参数等于undefined。对象没有赋值的属性该属性的值为undefined。函数没有返回值时默认返回undefined。
Null Null类型也只有一个值即null。null用来表示尚未存在的对象常用来表示函数企图返回一个不存在的对象。 用法 作为函数的参数表示该函数的参数不是对象。作为对象原型链的终点。
1.3 null是对象吗为什么
结论: null 不是对象。 解释: 虽然 typeof null 会输出 object但是这只是 JS 存在的一个悠久 Bug。在 JS 的最初版本中使用的是 32 位系统为了性能考虑使用低位存储变量的类型信息000 开头代表是对象然而 null 表示为全零所以将它错误的判断为 object。 1.4 ‘1’.toString()为什么可以调用
在这个语句运行的过程中做了这样几件事情
var s new Object(1);
s.toString();
s null;第一步: 创建 Object 类实例。注意为什么不是 String 由于 Symbol 和BigInt 的出现对它们调用 new 都会报错目前 ES6 规范也不建议用 new 来创建基本类型的包装类。 第二步: 调用实例方法。 第三步: 执行完方法立即销毁这个实例。 整个过程体现了基本包装类型的性质而基本包装类型恰恰属于基本数据类型包括 Boolean, Number 和 String。 1.5 0.10.2为什么不等于0.3如何让其相等 0.1 和 0.2 在转换成二进制后会无限循环由于标准位数的限制后面多余的位数会被截掉此时就已经出现了精度的损失相加后因浮点数小数位的限制而截断的二进制数字在转换为十进制就会变成 0.30000000000000004 我们都知道计算机时是通过二进制来进行计算的即 0 和 1
就拿 0.1 0.2 来说0.1表示为 0.0001100110011001...而 0.2 表示为0.0011001100110011... 而在二进制中 1 1 10所以 0.1 0.2 0.0100110011001100... 转成10进制就近似表示为 0.30000000000000004 简单来说就是浮点数转成二进制时丢失了精度因此在二进制计算完再转回十进制时可能会和理论结果不同 如何让其相等? ES6提供的 Number.EPSILON 方法 Number.EPSILON 的实质是一个可以接受的最小误差范围一般来说为 Math.pow(2, -52) function isEqual(a, b) {return Math.abs(a - b) Number.EPSILON;
}console.log(isEqual(0.1 0.2, 0.3)); // true乘以一个10的幂次方 把需要计算的数字乘以10的n次方让数值都变为整数计算完后再除以10的n次方这样就不会出现浮点数精度丢失问题 (0.1*10 0.2*10) / 10 0.3 //true1.6 如何理解BigInt 什么是BigInt?
BigInt 是一种新的数据类型用于当整数值大于 Number 数据类型支持的范围时。这种数据类型允许我们安全地对大整数执行算术操作表示高分辨率的时间戳使用大整数id等等而不需要使用库。 为什么需要BigInt?
在JS中所有的数字都以双精度 64 位浮点格式表示这导致JS中的Number无法精确表示非常大的整数它会将非常大的整数四舍五入确切地说JS中的 Number 类型只能安全地表示 -9007199254740991(-(2^53-1)) 和9007199254740991(2^53-1)任何超出此范围的整数值都可能失去精度。
console.log(999999999999999); //10000000000000000同时也会有一定的安全性问题:
9007199254740992 9007199254740993; // → true 居然是true!如何创建并使用BigInt 要创建 BigInt只需要在数字末尾追加n即可 console.log( 9007199254740995n ); // → 9007199254740995n
console.log( 9007199254740995 ); // → 9007199254740996另一种创建 BigInt 的方法是用 BigInt() 构造函数 BigInt(9007199254740995); // → 9007199254740995n简单使用如下: 10n 20n; // → 30n
10n - 20n; // → -10n
10n; // → TypeError: Cannot convert a BigInt value to a number
-10n; // → -10n
10n * 20n; // → 200n
20n / 10n; // → 2n
23n % 10n; // → 3n
10n ** 3n; // → 1000n const x 10n;
x; // → 11n
--x; // → 9n
console.log(typeof x); //bigint值得警惕的点 BigInt 不支持一元加号运算符, 这可能是某些程序可能依赖于 始终生成 Number 的不变量或者抛出异常。另外更改 的行为也会破坏 asm.js 代码。 因为隐式类型转换可能丢失信息所以不允许在 BigInt 和 Number 之间进行混合操作。当混合使用大整数和浮点数时结果值可能无法由BigInt或Number精确表示。 10 10n; // → TypeError不能将 BigInt 传递给 Web api 和内置的 JS 函数这些函数需要一个 Number 类型的数字。尝试这样做会报 TypeError 错误。 Math.max(2n, 4n, 6n); // → TypeError当 Boolean 类型与 BigInt 类型相遇时BigInt 的处理方式与 Number 类似换句话说只要不是 0nBigInt 就被视为 true 的值。 if(0n){//条件判断为false}
if(3n){//条件为true}元素都为BigInt的数组可以进行sort。 BigInt可以正常地进行位运算如|、、、 和 ^ 浏览器兼容性 其实现在的兼容性并不怎么好只有chrome67、firefox、Opera这些主流实现要正式成为规范其实还有很长的路要走 1.7 JS 整数是怎么表示的 通过 Number 类型来表示遵循 IEEE754 标准通过 64 位来表示一个数字1 11 52最大安全数字是 Math.pow(2, 53) - 1对于 16 位十进制。符号位 指数位 小数部分有效位 1.8 Number() 的存储空间是多大如果后台发送了一个超过最大自己的数字怎么办 Math.pow(2, 53) 53 为有效数字会发生截断等于 JS 能支持的最大数字。 ----------- 未完待续 -----------
2. 数据类型检测
2.1 typeof类型判断2.2 typeof 于 instanceof 区别2.3 Object.is和的区别2.4 总结
3. 数据类型转换
3.1 转化规则3.2 转Boolean3.3 对象转原始类型是根据什么流程运行的3.4 如何让if(a 1 a 2)条件成立3.5 四则运算符3.6 比较运算符3.7 [] ![]结果是什么为什么3.8 和 有什么区别
4. 闭包
4.1 闭包产生的原因4.2 闭包有哪些表现形式4.3 如何解决下面的循环输出问题4.4 闭包的几种使用场景
5. 原型和原型链链
5.1 原型/构造函数/实例5.2 原型对象和构造函数有何关系5.3 能不能描述一下原型链
6. 继承
6.1 方式1: 借助call6.2 方式2: 借助原型链6.3 方式3将前两种组合6.4 方式4: 组合继承的优化16.5 方式5(最推荐使用): 组合继承的优化26.6 ES6的extends被编译后的JavaScript代码6.7 从设计思想上谈谈继承本身的问题6.8 继承-简版
7. this
8. 内存机制
9. 执行上下文
10. 变量提升
11. 模块化
12. 异步编程
- 12.1 浏览器中的Event loop
- 12.2 Node 中的 Event loop
- 12.3 实现一个Promise A 规范
- 12.4 setTimeout、Promise、Async / Await 的区别
- 12.5 setTimeout(fn, 0)多久才执行Event Loop
- 12.6 async原理13. 内存泄露
- 13.1 Chrome devTools查看内存情况
- 13.2 内存泄漏的场景14. 垃圾回收机制
15. 深浅拷贝
16. 对象的几种创建方式
- 16.1 工厂模式,创建方式
- 16.2 构造函数模式
- 16.3 使用原型模式
- 16.4 组合使用构造函数模式和原型模式
- 16.5 动态原型模式17. 数组相关
- 17.1 数组常用方法
- 17.2 Array(3)和Array(3, 4)的区别
- 17.3 请创建一个长度为100值都为1的数组
- 17.4 请创建一个长度为100值为对应下标的数组
- 17.5 如何转化类数组成数组
- 17.6 forEach中return有效果吗如何中断forEach循环
- 17.7 JS判断数组中是否包含某个值
- 17.8 JS中flat---数组扁平化18. 操作DOM
- 18.1 说说有几种类型的DOM节点
- 18.2 操作DOM节点方法19. Ajax总结
- 19.1 Ajax 有那些优缺点
- 19.2 关于http,XMLHttpRequest,Ajax的关系
- 19.3 XMLHttpRequest的发展历程是怎样的
- 19.4 使用XMLHttpRequest封装一个get和post请求20. 定时器
- 20.1 setInterval存在哪些问题
- 20.2 链式调用setTimeout对比setInterval
- 20.3 实现比 setTimeout 快 80 倍的定时器
- 22.4 说一下requestAnimationFrame
- 22.5 requestAnimationFrame对比setTimeout21. 谈谈你对for in/for of的理解
22. JavaScript 实现对上传图片的压缩
