JavaScirpt 编码规范

zengdongbao 发布于2019-08-22 18:18 / 1306人阅读

摘要：编码规范简介这套规范的主体是基于的内容基于自身的业务需要和情况来进行自我定制和更新。重点缩进使用两个空格进行缩进。常量必须全部大写，且单词以分割。细则使用使用配置为后续函数命名语义规范变量语义规范编码原则

JavaScirpt 编码规范 简介

这套规范的主体是基于 JavaScript Stardard Style 的内容基于自身的业务需要和情况来进行自我定制和更新。

重点

1.缩进

使用两个空格进行缩进。

function hello(name) {
  console.log("hi", name)
}

2.命名

对于变量和函数名统一使用驼峰命名法。

function my_function() {} // ✗ avoid
function myFunction() {} // ✓ ok

var my_var = "hello" // ✗ avoid
var myVar = "hello" // ✓ ok

私有属性、变量和方法以下划线 _ 开头。

var _privateMethod = {};`

类使用 Pascal 命名法。

function TextNode(value, engine) {
  this.value = value
  this.engine = engine
}

类的方法 / 属性, 使用 Camel 命名法。

TextNode.prototype.clone = function() {
  return this
}

常量：必须全部大写，且单词以 _分割。

TextNode.prototype.clone = function() {
  return this
}

boolean 类型的变量使用 is 或 has 开头。

var HOTEL_GET_URL = "http://map.baidu.com/detail"

3.注释。

// 单行注释
/*
*hello
*world
*/

说明： 若开始`/*`和结束`*/`都在一行，推荐采用单行注释。若至少三行注释时，第一行为`/*`，最后行为`*/`，其他行以*开始，并且注释文字与`*`保留一个空格。

4.不要使用 eval()。

eval("var result = user." + propName) // ✗ avoid
var result = user[propName] // ✓ ok

细则

JavaScript Stardrad Style

使用

使用 Eslint,配置为 Standrd.

extends: "standard",

后续？

函数命名语义规范

变量语义规范

编码原则

云服务器 GPU云服务器规范编码编码规范 php编码规范 js安全编码规范

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95717.html

深入理解JavaScirpt的函数调用和"this"

摘要：简单的函数调用显而易见，一直用调用函数将会非常烦人。规范说几乎总是被传递，但不在严格模式下时被调用函数应该将其更改为全局对象。实际上，规范有一个和都使用的原语内部称为。过去很多年里，我看到过太多关于JavaScript函数调用的混淆。尤其是，很多人抱怨函数调用中this的语义令人困惑。在我看来，通过理解核心函数调用原语，然后将其他所有调用函数的方法视为在原语之上的语法糖，如此便可澄清...

bladefury 2019-08-23 10:34 评论0 收藏0
DOM 深入学习 - 1

摘要：本文章记录本人在深入学习中看书理解到的一些东西，加深记忆和并且整理记录下来，方便之后的复习。级年月，正式发布更新后的核心部分，并且在这次发布添加了一些新的规范，这次发布的称为级规范。本文章记录本人在深入学习Javascirpt DOM中看书理解到的一些东西，加深记忆和并且整理记录下来，方便之后的复习。 DOM 版本 w3c 指定的DOM规范包括多个版本，不同的版本（或称知为...

姘存按 2019-08-21 10:31 评论0 收藏0
Javascirpt 阻止表单提交

摘要：在做表单验证的时候有时要对点击提交按钮的行为进行控制，决定是否提交表单。阻止表单提交允许表单提交在做表单验证的时候有时要对点击提交按钮的行为进行控制，决定是否提交表单。 HTML: ... Javascript: function check(){ return false;//阻止表单提交 //return true;允许表单提交 }...

陈伟 2019-08-21 12:28 评论0 收藏0
JavaScirpt 的 bind 函数究竟做了哪些事

摘要：而且当时，会把的赋给函数，而函数返回的是，所以这时的也赋给了。实例化总结所以函数总共做了哪几件事呢没有实例化时，将传入对象的参数引用到当前函数，执行当前函数，返回结果实例化时，使用操作生成新函数，原函数的赋给新函数，执行新函数，并返回新函数文章原地址：https://github.com/catchonme/... ES5 实现 bind 函数如下 Function.prototy...

mzlogin 2019-08-22 16:48 评论0 收藏0
【译】使用"BinaryAST"加快JavaScript脚本的解析速度？

摘要：是提出并积极开发的一种新的在线格式，旨在加快解析速度，同时保持原始的语义不变。它的实现方式是使用有效的二进制来表示代码和数据结构，并且存储和提供额外的信息来提前指导解析器工作。提升依赖于提升所有声明变量函数类。原文：Faster script loading with BinaryAST?本文首发于公众号：符合预期的CoyPan JavaScirpt的冷启动 web应用的表现，越来...

Hujiawei 2019-08-23 17:52 评论0 收藏0