【干货合集】让我们聊一聊如何用世界上最流行的脚本语言——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 库

相关文章
|
3天前
|
SQL JavaScript 前端开发
Kettle使用JavaScript代码处理数据
Kettle使用JavaScript代码处理数据
15 0
|
3天前
|
前端开发 JavaScript
教你用 JavaScript 设计一个 Neumorphism 风格的数字时钟 (代码详解)
教你用 JavaScript 设计一个 Neumorphism 风格的数字时钟 (代码详解)
25 1
|
18天前
|
JavaScript 前端开发 安全
在javascript中如何将字符串转成变量或可执行的代码?
有这样一个需求:当前作用域内有未知的一些变量,其中一个函数中可以拿到某个变量名字符串,怎么能在函数内通过传进来的字符串取到作用域链中的变量值
10 0
|
19天前
|
JavaScript 前端开发 测试技术
JavaScript测试和调试工具:学习使用测试框架(如Jasmine、Mocha)对JavaScript代码进行单元测试
JavaScript测试和调试工具:学习使用测试框架(如Jasmine、Mocha)对JavaScript代码进行单元测试
|
21天前
|
JavaScript 前端开发 UED
JavaScript模块化:提高代码可维护性和可重用性的利器
JavaScript模块化:提高代码可维护性和可重用性的利器
40 0
|
1月前
|
监控 前端开发 JavaScript
使用JavaScript实现实时报警功能的办公电脑上网监控软件:前端代码
在今天的数字化时代,监控软件已成为许多组织和企业必不可少的一部分,用于保护数据和确保系统的正常运行。本文将介绍如何使用JavaScript编写前端监控软件,包括实时报警功能的实现。我们将探讨一些关键的代码示例,以展示如何构建这样的系统。最后,我们还会讨论如何自动将监控到的数据提交到一个网站。
114 4
|
1月前
|
自然语言处理 JavaScript 前端开发
V8 是如何执行 JavaScript 代码的
V8 是如何执行 JavaScript 代码的
20 0
|
1月前
|
数据采集 JavaScript 前端开发
超越React,JS代码体积减少90%!它为何是2023年最好的Web框架?
超越React,JS代码体积减少90%!它为何是2023年最好的Web框架?
|
2月前
|
监控 JavaScript 前端开发
常见编写JavaScript代码时容易出现的错误(5)
常见编写JavaScript代码时容易出现的错误(5)
33 0
|
2月前
|
SQL 缓存 JavaScript
常见编写JavaScript代码时容易出现的错误(4)
常见编写JavaScript代码时容易出现的错误(4)
16 0
相关产品
云迁移中心
推荐文章
更多