|
require与import的区别
require支持 动态导入，import不支持，正在提案 (babel 下可支持)require是 同步 导入，import属于 异步 导入require是 值拷贝，导出值变化不会影响导入值；import指向 内存地址，导入值会随导出值而变化
15. 防抖与节流
防抖与节流函数是一种最常用的 高频触发优化方式，能对性能有较大的帮助。
- 防抖 (debounce): 将多次高频操作优化为只在最后一次执行，通常使用的场景是：用户输入，只需再输入完成后做一次输入校验即可。
- function debounce(fn, wait, immediate) {
- let timer = null
-
- return function() {
- let args = arguments
- let context = this
-
- if (immediate && !timer) {
- fn.apply(context, args)
- }
-
- if (timer) clearTimeout(timer)
- timer = setTimeout(() => {
- fn.apply(context, args)
- }, wait)
- }
- }
- 节流(throttle): 每隔一段时间后执行一次，也就是降低频率，将高频操作优化成低频操作，通常使用场景: 滚动条事件 或者 resize 事件，通常每隔 100~500 ms执行一次即可。
- function throttle(fn, wait, immediate) {
- let timer = null
- let callNow = true
-
- return function() {
- let context = this,
- args = arguments
-
- if (callNow) {
- fn.apply(context, args)
- callNow = false
- }
-
- if (!timer) {
- timer = setTimeout(() => {
- fn.apply(context, args)
- timer = null
- }, wait)
- }
- }
- }
16. 函数执行改变this
由于 JS 的设计原理: 在函数中，可以引用运行环境中的变量。因此就需要一个机制来让我们可以在函数体内部获取当前的运行环境，这便是this。 （编辑：宿州站长网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
