JS面试题汇总（十）

最新推荐文章于 2023-02-14 20:50:58 发布

柠檬树上柠檬果柠檬树下你和我

最新推荐文章于 2023-02-14 20:50:58 发布

阅读量1.5k

点赞数 8

分类专栏： JavaScript 文章标签： javascript 前端面试 js es6

本文链接：https://blog.csdn.net/qq_39765048/article/details/122241676

版权

JavaScript 专栏收录该内容

12 篇文章 2 订阅

订阅专栏

📒博客首页：酸狗的博客🍋
🎉欢迎关注🔎点赞👍收藏⭐️留言📝
💖热爱前端学习，期待一起交流！✨
🙏作者水平很有限，如果发现错误，求告知，多谢！🌈
😎有问题可私信我交流🙄

🧲往期点这里：↓⚡
JS面试题汇总（一）
JS面试题汇总（二）
JS面试题汇总（三）
JS面试题汇总（四）
JS面试题汇总（五）
JS面试题汇总（六）
JS面试题汇总（七）
JS面试题汇总（八）
JS面试题汇总（九）

✨91. 简单介绍下 JS 的原型和原型链

参考答案：
🤐看第93题
👓参考

✨92. 说说你对作用域链的理解

参考答案：

作用域链的作用是保证执行环境里有权访问的变量和函数是有序的，作用域链的变量只能向上访问，变量访问到 window 对象即被终止，作用域链向下访问变量是不被允许的。

✨93. JavaScript 原型，原型链 ? 有什么特点？

参考答案：

原型对象也是普通的对象，是对象一个自带隐式的 __proto__ 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为 null 的话，我们就称之为原型链。
原型链是由一些用来继承和共享属性的对象组成的（有限的）对象链。
JavaScript 的数据对象有那些属性值？

writable：这个属性的值是否可以改。
　　 configurable：这个属性的配置是否可以删除，修改。
　　 enumerable：这个属性是否能在 for…in 循环中遍历出来或在 Object. keys 中列举出来。
　　 value：属性值。
当我们需要一个属性的时，Javascript 引擎会先看当前对象中是否有这个属性，如果没有的话，就会查找他的 Prototype 对象是否有这个属性。

function clone(proto) {
    function Dummy() {}
    Dummy.prototype = proto;
    Dummy.prototype.constructor = Dummy;
    return new Dummy(); //等价于Object.create(Person);
}

function object(old) {
    function F() {}
    F.prototype = old;
    return new F();
}
var newObj = object(oldObject);

✨94. 请解释什么是事件代理

参考答案：

事件委托本质上是利用了浏览器事件冒泡的机制。因为事件在冒泡过程中会上传到父节点，并且父节点可以通过事件对象获取到
目标节点，因此可以把子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件，这种方式称为事件代理。

使用事件代理我们可以不必要为每一个子元素都绑定一个监听事件，这样减少了内存上的消耗。并且使用事件代理我们还可以实现事件的动态绑定，比如说新增了一个子节点，我们并不需要单独地为它添加一个监听事件，它所发生的事件会交给父元素中的监听函数来处理。
👓参考

✨95. offsetWidth/offsetHeight, clientWidth/clientHeight 与 scrollWidth/scrollHeight 的区别

参考答案：

offsetWidth / offsetHeight 返回值包含content + padding + border，效果与 e.getBoundingClientRect()相同

clientWidth / clientHeight 返回值只包含content + padding，如果有滚动条，也不包含滚动条

scrollWidth / scrollHeight 返回值包含content + padding + 溢出内容的尺⼨

✨96. 谈谈你对 AMD、CMD 的理解

参考答案：

CommonJS 是服务器端模块的规范， Node.js 采⽤了这个规范。
CommonJS 规范加载模块是同步的，也就是说，只有加载完成，才能执⾏后⾯的操作。AMD 规范则是⾮同步加载模块，允许指定回调函数
AMD 推荐的⻛格通过返回⼀个对象做为模块对象， CommonJS 的⻛格通过对module.exports 或 exports 的属性赋值来达到暴露模块对象的⽬的

es6模块 CommonJS、AMD、CMD

CommonJS 的规范中，每个 JavaScript ⽂件就是⼀个独⽴的模块上下⽂（ module context ），在这个上下⽂中默认创建的属性都是私有的。也就是说，在⼀个⽂件定义的变量（还包括函数和类），都是私有的，对其他⽂件是不可⻅的
CommonJS 是同步加载模块,在浏览器中会出现堵塞情况，所以不适⽤
AMD 异步，需要定义回调 define ⽅式
es6 ⼀个模块就是⼀个独⽴的⽂件，该⽂件内部的所有变量，外部⽆法获取。如果你希望外部能够读取模块内部的某个变量，就必须使⽤ export 关键字输出该变量 es6 还可以导出类、⽅法，⾃动适⽤严格模式

✨97. web 开发中会话跟踪的方法有哪些

参考答案：

会话跟踪就是浏览器和服务器通信

1、cookie

2、session

3、隐藏input

4、url重写

5、ip地址

✨98. 说几条写 JavaScript 的基本规范？

参考答案：

1、不要在同一行声明多个变量

2、使用===或!==来比较