JavaScript简单编程

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

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

1
2
3
// 公司代码中的<br>(function(win){
  ... 
}())<br>// 书中<br>(function(win){<br><em>  ...  <br>})()<br>// 扩展式<br></em>!function(win){<br>  ...  <br>}()

  小括号"()"在里还是在外,有什么不同吗?在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

posted @   懂得了才能做一些改变  阅读(284)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示