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无法转译，要考虑兼容性。

JavaScript是一门很灵活的语言，无法祥尽其每个特点，在理解大体的思想基础上，进行活学活用吧。

 　  在开发中，我们有时候会用到字符串的排序：

let fan=[
{id:12,model:'se123'},
{id:12,model:'se133'},
{id:12,model:'nq123'}
]
// 箭头函数
fan.sort((a,b)=>a.id-b.id);
fan.sort((a,b)=>a.model-b.model);  //发现没有达到排序的结果。
字符串的排序就没有这么优雅了，
因为在js中，字符串虽然可以比较大小，但是但是减法操作则会返回Nan,而不是比较器需要的整数，故而无报错，无效果,这就是动态语言的一个弱点
fan[0].model-fan[1].model =Nan

 　　date中支持比较运算符，以及减法操作。date构造函数，还是很好用的，通过创建不同的对象，可以满足我们的运算需求

 

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

字符串排序：https://www.w3school.com.cn/js/js_array_sort.asp