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

简介: 近年来,随着 HTML5 和 Node.js 的发展,JavaScript 在各个领域遍地开花,已经从“世界上最被误解的语言”变成了“世界上最流行的语言”。本文中也为大家精选了云栖社区上与JavaScript相关的诸多干货,希望能够对于正在学习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 库

相关文章
|
15天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
1月前
|
存储 JavaScript 前端开发
非常实用的JavaScript一行代码(整理总结)
非常实用的JavaScript一行代码(整理总结)
30 0
|
1月前
|
JavaScript 前端开发 测试技术
使用Selenium执行JavaScript脚本:探索Web自动化的新领域
本文介绍了如何在Selenium中使用JavaScript解决自动化测试中的复杂问题。Selenium的`execute_script`函数用于同步执行JS,例如滑动页面、操作时间控件等。在滑动操作示例中,通过JS将页面滚动到底部,点击下一页并获取页面信息。对于只读时间控件,利用JS去除readonly属性并设置新日期。使用JS扩展了Selenium的功能,提高了测试效率和精准度,适用于各种自动化测试场景。
43 1
|
1月前
|
JavaScript 前端开发 测试技术
如何编写JavaScript模块化代码
如何编写JavaScript模块化代码
12 0
|
1月前
|
机器学习/深度学习 前端开发 JavaScript
实用的javascript代码分享
32个史上最有用的js代码
28 1
|
1月前
|
JavaScript 前端开发 Java
liteflow规则引擎 执行Javascript脚本
liteflow规则引擎 执行Javascript脚本
39 1
|
12天前
|
Web App开发 缓存 JavaScript
|
30天前
|
JSON 前端开发 JavaScript
16个重要的JavaScript代码
16个重要的JavaScript代码
30 1
|
1月前
|
JavaScript
当当网新用户注册界面——JS代码
当当网新用户注册界面——JS代码
7 0
|
1月前
|
JavaScript
当当网首页——JS代码
当当网首页——JS代码
11 1