【JavaScript】规范

港控/mmm° 2023-10-05 17:27 48阅读 0赞

## 样式指南和代码约定 ##

*  标识符名称（变量和函数）使用了驼峰式大小写。所有名称以字母开头。

1.  变量和函数名以驼峰大小写来写
2.  全局变量使用大写
3.  常量（比如PI使用大写）

*  在运算符（ = + - \* / ）周围以及逗号之后添加空格。
 *  代码块缩进使用 4 个空格。
 *  以分号结束单条语句。
 *  针对复杂语句（compound）的通用规则：

1.  第一行的结尾处写开括号
2.  开括号前使用一个空格
3.  新行上写闭括号，不带前导空格
4.  不要以分号来结束复杂语句

*  针对对象定义的通用规则：

1.  把开括号与对象名放在同一行
2.  在每个属性与其值之间使用冒号加一个空格
3.  不要在最后一个属性值对后面写逗号
4.  请在新行上写闭括号，不带前导空格
5.  请始终以分号结束对象定义

*  每行的长度超过80个字符。

## 最佳实践 ##

*  避免全局变量、new、===、eval()
 *  所有在函数中使用的变量应该被声明为局部变量。局部变量必须通过 var 关键词来声明，否则它们将变成全局变量。严格模式不允许未声明的变量。
 *  好的编码习惯是把所有声明放在每段脚本或函数的顶部。
 *  声明变量时对其进行初始化是个好习惯。
 *  始终将数值、字符串或布尔值视作原始值。而非对象。
 *  勿使用new Object()：

1.  使用\{\}来代替 new Object()
2.  使用""来代替 new String()
3.  使用0来代替 new Number()
4.  使用false来代替 new Boolean()
5.  使用\[\]来代替 new Array()
6.  使用/()/来代替 new RegExp()
7.  使用function ()\{\}来代替 new Function()

*  使用 === 比较

1.  == 比较运算符总是在比较之前进行类型转换（以匹配类型）。
2.  === 运算符会强制对值和类型进行比较。

*  为函数参数设置默认值是一个好习惯：

function myFunction(x, y) {
        if (y === undefined) {
            y = 0;
        }
    }

*  用default来结束switch。
 *  与其他 JavaScript 相比，访问 HTML DOM 非常缓慢。假如您期望访问某个 DOM 元素若干次，那么只访问一次，并把它作为本地变量来使用：

var obj;
    obj = document.getElementById("demo");
    obj.innerHTML = "Hello";

*  请尽量保持HTML DOM中较少的元素数量。
 *  延迟JavaScript加载，请把脚本放在页面底部，使浏览器首先加载页面。

发表评论取消回复

表情：

评论列表（有 0 条评论，48人围观）

还没有评论，来说两句吧...

相关阅读

相关【JavaScript】规范

样式指南和代码约定标识符名称（变量和函数）使用了驼峰式大小写。所有名称以字母开头。 1. 变量和函数名以驼峰大小写来写 2. 全局变量使用大写 3. 常量

港控/mmm°/ 2023年10月05日 17:27/ 0 赞/ 49 阅读

相关 JavaScript 代码规范

1.JavaScript Standard Style [https://standardjs.com/][https_standardjs.com] 2.Airb

我会带着你远行/ 2023年05月29日 05:29/ 0 赞/ 13 阅读

相关前端编码风格规范之 JavaScript 规范

JavaScript 规范 -------------------- 全局命名空间污染与 IIFE 总是将代码包裹成一个 IIFE(Immediately-Inv

冷不防/ 2022年08月06日 11:09/ 0 赞/ 291 阅读

相关 AMD规范(JavaScript)

1. AMD的由来　　前端技术虽然在不断发展之中，却一直没有质的飞跃。除了已有的各大著名框架，比如Dojo，JQuery，ExtJs等等，很多公司也都有着自己的前端开发框架

快来打我*/ 2022年05月26日 04:06/ 0 赞/ 245 阅读

相关 JavaScript 编码规范

> 注：此规范来自 Airbnb JavaScript Style Guide \[ 用更合理的方式写 JavaScript \] 目录

一时失言乱红尘/ 2022年05月23日 12:10/ 0 赞/ 286 阅读

相关 JavaScript 模块化规范

在学习 JavaScript 模块化规范之前，我们应该想一下什么是模块？为什么我们要使用模块化？什么是模块模块是比对象和函数更大的代码单元，使用模块可以将程序进行归

ゝ一世哀愁。/ 2022年05月14日 14:41/ 0 赞/ 306 阅读

相关 JavaScript 代码规范

> 所有的 JavaScript 项目适用同一种规范。 -------------------- JavaScript 代码规范代码规范通常包括以下几个方面:

阳光穿透心脏的1/2处/ 2022年05月05日 04:00/ 0 赞/ 208 阅读

相关 Javascript代码规范

Javascript代码规范变量名变量名推荐使用驼峰法命名（calmelCase） firstName = "shareClub"; 空格与运算符

朱雀/ 2022年04月17日 04:40/ 0 赞/ 230 阅读

相关 JavaScript 编程规范(二)

1. 总是使用 const 或 let 来声明变量。不这样做会导致产生全局变量。我们希望避免污染全局命名空间。 `eslint: no-undef prefer-cons

矫情吗；*/ 2022年03月08日 12:12/ 0 赞/ 135 阅读

相关 JavaScript 代码规范

JavaScript 代码规范本文翻译了 Mr.doob 提出的 JavaScript 代码规范，他是 Threejs 的作者，在他的开源项目中都是按照这个规范来要求的

超、凢脫俗/ 2022年03月08日 04:54/ 0 赞/ 285 阅读