es6-顶层对象与window的脱钩

什么是顶层对象

又叫全局对象 全局可访问的对象
如: window.a = 123 a就是顶层对象
不过,在浏览器中顶层对象为window self,Node中为global

顶层对象与window依赖的缺点

  • 导致容易滥用顶层对象,导致对象冲突
    你定义 a=2window.a =2 是一样,自动就成为了顶级对象上挂载的变量了
  • 不利于模块化: 模块化思想就是 局部定义 只想全局暴露最少的内容

es6如何避免顶层对象与window依赖

  • 使用 const let 与 块级作用于来避免 直接声明变量时 挂到 window
let b = 1;
window.b // undefined

猜你喜欢

转载自blog.csdn.net/weixin_42043407/article/details/121380751