JS面试题汇总（七）-优快云博客

本文链接：https://blog.youkuaiyun.com/2301_78145364/article/details/138779842

}

f2();

//如果js是词法作用域，那么就会输出f1被创建的时候外部的num变量 123

//如果js是动态作用域，那么f1执行的时候就会输出f1被调用时外部环境中的num 456

63. 浮点数精度

参考答案：参考

64. 自执行函数? 用于什么场景？好处?

参考答案：

自执行函数:

1、声明一个匿名函数

2、马上调用这个匿名函数。

作用：

创建一个独立的作用域。

好处：

防止变量弥散到全局，以免各种 js 库冲突。隔离作用域避免污染，或者截断作用域链，避免闭包造成引用变量无法释放。利用立即执行特性，返回需要的业务函数或对象，避免每次通过条件判断来处理

场景：

一般用于框架、插件等场景

65. 多个页面之间如何进行通信

参考答案：有如下几个方式：

cookie
web worker
localeStorage 和 sessionStorage

66. css 动画和 js 动画的差异

参考答案：

1. 代码复杂度，js 动画代码相对复杂一些

2. 动画运行时，对动画的控制程度上，js 能够让动画，暂停，取消，终止，css 动画不能添加事件

3. 动画性能看，js 动画多了一个 js 解析的过程，性能不如 css 动画好

解析：参考

67. 如何做到修改 url 参数页面不刷新

参考答案：

HTML5 引入了 history.pushState() 和 history.replaceState() 方法，它们分别可以添加和修改历史记录条目。

let stateObj = {

foo: “bar”

};

history.pushState(stateObj, “page 2”, “bar.html”);

假设当前页面为 foo.html ，执行上述代码后会变为 bar.html ，点击浏览器后退，会变为 foo.html ，但浏览器并不会刷新。

pushState() 需要三个参数: 一个状态对象, 一个标题 (目前被忽略), 和 (可选的) 一个 URL. 让我们来解释下这三个参数详细内容：

状态对象 — 状态对象 state 是一个 JavaScript 对象，通过 pushState () 创建新的历史记录条目。无论什么时候用户导航到新的状态， popstate 事件就会被触发，且该事件的 state 属性包含该历史记录条目状态对象的副本。

状态对象可以是能被序列化的任何东西。原因在于 Firefox 将状态对象保存在用户的磁盘上，以便在用户重启浏览器时使用，我们规定了状态对象在序列化表示后有 640k 的大小限制。如果你给 pushState() 方法传了一个序列化后大于 640k 的状态对象，该方法会抛出异常。如果你需要更大的空间，建议使用 sessionStorage 以及 localStorage .

标题 — Firefox 目前忽略这个参数，但未来可能会用到。传递一个空字符串在这里是安全的，而在将来这是不安全的。二选一的话，你可以为跳转的 state 传递一个短标题。
URL — 该参数定义了新的历史 URL 记录。注意，调用 pushState() 后浏览器并不会立即加载这个 URL，但可能会在稍后某些情况下加载这个 URL，比如在用户重新打开浏览器时。新 URL 不必须为绝对路径。如果新 URL 是相对路径，那么它将被作为相对于当前 URL 处理。新 URL 必须与当前 URL 同源，否则 pushState() 会抛出一个异常。该参数是可选的，缺省为当前 URL。

68. 数组方法 pop() push() unshift() shift()

参考答案：