前端博客

JavaScript 初步闭包理解

最近利用vue第三方UI MuseUI开发webapp，然后在导航栏这里出现了问题，我需要在导航栏上的几个路由上显示底部导航栏，在其他路由上不显示，就这个问题，MuseUI的底部导航栏直接加载在app.vue里面，会每个页面都有导航栏，所以这种方式不可行，后来我真的使出了浑身解数，去MuseUI作者GitHub上面提问，无果，去segmentfault上面提问，无果，去vue官方群提问，无果，在提问

1.如果要将一个已经声明的变量用于解构赋值，必须非常小心。 // 错误的写法 let x; {x} = {x: 1}; // SyntaxError: syntax error 上面代码的写法会报错，因为JavaScript引擎会将{x}理解成一个代码块，从而发生语法错误。 只有不将大括号写在行首，避免JavaScript将其解释为代码块，才能解决这个问题。 代码块中必须有赋值表达式，

this到底绑定或者引用的是哪个对象环境决定于函数被调用的地方。而函数的调用有不同的方式，在不同的方式中调用决定this引用的是哪个对象是由四种规则确定的。我们一个个来看。1. 默认绑定全局变量 这条规则是最常见的，也是默认的。当函数被单独定义和调用的时候，应用的规则就是绑定全局变量。如下：function fn() { console.log( this.a );}var