javascript进阶,从表达式到引用类型,变量监听

  javascript语法比较灵活,一个功能可能有很多种实现,深入理解js语法和引擎的执行过程,推荐《JavaScript高级程序设计》。作为案头的参考书,在看代码,写代码时,翻看相关章节,收益良多。

  首先看一下立即执行函数: 

// 公司代码中的
(function(win){ ... }())
// 书中
(function(win){
...
})()
// 扩展式
!function(win){
...
}()

  小括号"()"在里还是在外,有什么不同吗?在ide中都通过了语法检查,没有报错。这里就要区分函数声明和函数表达式,声明不可以直接调用,而表达式却可以。js引擎在判断代码片段是函数声明是函数表达式时,有一个规则,就是行首是function的会认为是函数声明,反之是函数表达式。所以上述的扩展式也是可以用的。弄懂这个匿名函数,就能举一反三,或者能够以一定的基础知识,演绎推导出来。

   还有一个重要的主题就是:import/export,模块导入导出。

  变量监听,一个重要的主题,也是vue实现双向绑定的基础。es5的getter和setter方法,Object.defineProperty方法,以及es6的proxy都能实现变量监听。但是由于es6的proxy无法转译,要考虑兼容性。

函数表达式参考博文:https://www.cnblogs.com/ymh2013/p/5199124.html

原文地址:https://www.cnblogs.com/Robin008/p/13802531.html