最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

详细介绍JavaScript代码风格指南

来源:懂视网 责编:小采 时间:2020-11-27 20:24:08
文档

详细介绍JavaScript代码风格指南

详细介绍JavaScript代码风格指南:一.基本格式缩进建议每级4个空格,可以给编辑器设置tab = 4个空格,自动转换分号不要省略分号,防止ASI(自动插入分号)错误行宽每行代码不超过80个字符,过长应该用操作符手动断行断行操作符在上一行末尾,且下一行缩进2级,如果是赋值语句,还应该和等号后
推荐度:
导读详细介绍JavaScript代码风格指南:一.基本格式缩进建议每级4个空格,可以给编辑器设置tab = 4个空格,自动转换分号不要省略分号,防止ASI(自动插入分号)错误行宽每行代码不超过80个字符,过长应该用操作符手动断行断行操作符在上一行末尾,且下一行缩进2级,如果是赋值语句,还应该和等号后

单行注释

  • 行尾:用1级缩进隔开代码,而且//后面要有一个空格

  • 独占一行:用来注释下面,要与被注释的代码保持相同的缩进

  • 行首:用来注释多行代码

  • 多行注释

    用来包裹大段注释,推荐Eclipse风格,例如

    /*
     * comment line1
     * comment line2
     */

    注意:

  • 多行注释上方留一个空行

  • *星号后面留一个空格

  • 多行注释至少三行(因为第一行和最后一行后面不加注释)

  • 在哪里添注释

  • 不能自解释的代码

  • 故意的,但看起来像是有错的地方

  • 针对浏览器的hack

  • 文档注释

    应该给各个函数添注释,包括功能描述、参数、返回值、抛出的错误等等,例如推荐的Eclipse风格:

    /**
     * 添加指定元素到默认数组
     *
     * @method add
     * @param {Number} 将要添加的元素
     * @return {Boolean} 添加成功/失败
     * @throw {TypeError} 参数类型不匹配
     */
    function add(item){
     if(typeof item === "number"){
     arr.push(item)
     }
     else{
     throw new TypeError();
     }
    }

    三.语句和表达式

    花括号对齐方式

    建议行尾风格,不推荐次行风格

    块语句空格

    if后的圆括号部分前后各有一个空格,例如:

    if (expr) {
     code
    }

    switch语句

  • 缩进:case与switch对齐,break缩进1级

  • case贯穿:用空行或注释//falls through表明case贯穿是故意的

  • default:保留default或者用注释//no default表明没有default

  • P.S.《JavaScript语言精粹》的作者道格拉斯认为不应该用case贯穿(称之为鸡肋),因为极易引发bug,而尼古拉斯认为用空行或者注释说明就好了

    with语句

    不用

    for循环

    所有变量都应该在函数体顶部声明,包括for循环初始化部分用到的变量,避免hosting(提升)引发bug(可能会屏蔽全局变量)

    for-in循环

    不要用来遍历数组,用的时候记得加上hasOwnProperty过滤,如果故意遍历原型属性,应该用注释说明

    四.变量、函数、操作符

    变量声明

    函数体 = 变量声明 + 函数声明 + 逻辑语句。用空行隔开各个部分

    函数声明

    先声明再使用,千万不要把函数声明放在if分支里,因为浏览器理解不同,而且ES没给标准

    函数调用

    圆括号前后都不加空格,避免和块语句混淆

    匿名函数立即执行

    把立即执行的匿名函数用圆括号包裹,避免与匿名函数声明混淆

    严格模式

    不要在全局作用域开严格模式,只在函数内部开,给多个函数开可以用匿名函数立即执行限定严格模式的作用域

    判断等于

    只用===和!==

    eval

    不用eval()和new Function(),用匿名函数优化setTimeout()和setInterval()

    基本包装类型

    不要用new Boolean(), new String(), new Number()

    文档

    详细介绍JavaScript代码风格指南

    详细介绍JavaScript代码风格指南:一.基本格式缩进建议每级4个空格,可以给编辑器设置tab = 4个空格,自动转换分号不要省略分号,防止ASI(自动插入分号)错误行宽每行代码不超过80个字符,过长应该用操作符手动断行断行操作符在上一行末尾,且下一行缩进2级,如果是赋值语句,还应该和等号后
    推荐度:
    标签: 介绍 js 代码
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top