【干货合集】让我们聊一聊如何用世界上最流行的脚本语言——JavaScript写出优美的代码...

云栖社区编程语言系列讲座,4月16日-JavaScript专场,和资深技术专家一起学习JavaScript编程实战!你还在等什么,赶快报名吧!!!

774f9eacc93fb16c421c163df87ab763cf08968f

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。JavaScript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。

近年来,随着 HTML5 和 Node.js 的发展,JavaScript 在各个领域遍地开花,已经从“世界上最被误解的语言”变成了“世界上最流行的语言”。但是由于历史原因,JavaScript 语言设计中还是有一些糟粕和鸡肋,比如:全局变量、自动插入分号、typeof、NaN、假值、==、eval 等等,并不能被语言移除,开发者一定要避免使用这些特性,还好下文中的 ESLint 能够检测出这些特性,并且给出错误提示。

在Robert C. Martin 的《代码整洁之道》这本书中有很多的建议,可以帮助我们在编写JavaScript时写出堪称“优美”的代码。本文也为大家选取了一些,希望能够对大家有所帮助。


变量:

  • 使用有意义,可读性好的变量名
  • 使用 ES6 的 const 定义常量
  • 使用 ES6 的 const 定义常量
  • 使用易于检索的名称
  • 使用说明性的变量(即有意义的变量名)

方法:

  • 保持函数功能的单一性
  • 函数名应明确表明其功能(见名知意)
  • 使用默认变量替代短路运算或条件
  • 限制函数参数 (理想情况下应不超过 2 个)
  • 移除重复代码
  • 避免副作用
  • 避免条件判断

其他:

  • 使用 ES6/ES7 新特性
  • 采用函数式编程

本文中也为大家精选了云栖社区上与JavaScript相关的诸多干货,希望能够对于正在学习JavaScript的你有所帮助!


JavaScript基础入门

JavaScript新手的第一堂函数课:定义与参数

如何给JavaScript代码添加断点调试

最棒的 JavaScript 学习指南(2018版)

JavaScript:世界上误解最深的语言

10 件有关 JavaScript 让人费解的事情

给JavaScript初学者的24条最佳实践(share)

JavaScript 七大实用技巧:轻松编程

给JavaScript初学者的24条最佳实践


深入理解JavaScript

对浏览器端javaScript运行机制的理解

JavaScript 性能优化技巧分享

高性能Javascript--脚本的无阻塞加载策略

JavaScript中的内存泄漏以及如何处理

JavaScript深入之执行上下文栈

JavaScript深入之词法作用域和动态作用域

JavaScript 性能优化技巧分享

怎么样加快JavaScript加载和执行效率

JavaScript运行机制浅探


JavaScript编程实战

干货:JavaScript页面构建

JavaScript深入之变量对象

JavaScript 图片滑动展示效果

JavaScript性能优化 DOM编程

尝试HTML + JavaScript 编写Windows App

HTML/CSS/Javascript代码在线压缩、格式化(美化)工具


JavaScript框架与常用库

12个实用的 JavaScript 框架分享给前端开发者

译-2018年该学哪一个JavaScript框架?

一张图告诉你最流行的 7 个 JavaScript 框架特点

推荐19个很有用的 JavaScript 库

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值