JavaScript 代码规范

所有的 JavaScript 项目适用同一种规范。

JavaScript 代码规范

代码规范通常包括以下几个方面:

规范的代码可以更易于阅读与维护。

代码规范一般在开发前规定,可以跟你的团队成员来协商设置。

变量名

变量名推荐使用驼峰法来命名(camelCase):

firstName = "John";
lastName = "Doe";
price = 19.90;
tax = 0.20;
fullPrice = price + (price * tax);

在JavaScript中定义变量名时,还应该注意以下事项:

空格与运算符

通常运算符 ( = + - * / ) 前后需要添加空格:

实例:

var x = y + z;
var values = ["Volvo", "Saab", "Fiat"];

代码缩进

通常使用 4 个空格符号来缩进代码块:

函数:

function toCelsius(fahrenheit) {
    return (5 / 9) * (fahrenheit - 32);
}

注意:不推荐使用 TAB 键来缩进,因为不同编辑器 TAB 键的解析不一样。

语句规则

简单语句的通用规则:

实例:

var values = ["Volvo", "Saab", "Fiat"];
var person = {
    firstName: "John",
    lastName: "Doe",
    age: 50,
    eyeColor: "blue"
};

复杂语句的通用规则:

所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的,但是,如果省略这个分号,你的代码可能更易出错。

函数:

function toCelsius(fahrenheit) {
    return (5 / 9) * (fahrenheit - 32);
}

循环:

for (i = 0; i < 5; i++) {
    x += i;
}

条件语句:

if (time < 20) {
    greeting = "Good day";
} else {
    greeting = "Good evening";
}

对象规则

对象定义的规则:

实例:

var person = {
    firstName: "John",
    lastName: "Doe",
    age: 50,
    eyeColor: "blue"
};

短的对象代码可以直接写成一行:

实例:

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

每行代码字符小于 80

为了便于阅读每行字符建议小于数 80 个。

如果一个 JavaScript 语句超过了 80 个字符,建议在 运算符或者逗号后换行。

实例:

实例:

document.getElementById("demo").innerHTML =

"Hello W3Cschool.";

尝试一下 »

注意:在函数声明、函数表达式、函数调用、对象创建、数组创建、for语句等场景中,不允许在,或;前换行。

命名规则

一般很多代码语言的命名规则都是类似的,例如:

变量命名你是否使用这几种规则: hyp-hens, camelCase, 或under_scores ?

HTML 和 CSS 的横杠(-)字符:

HTML5 属性可以以 data- (如:data-quantity, data-price) 作为前缀。

CSS 使用 - 来连接属性名 (font-size)。

注意:- 通常在 JavaScript 中被认为是减法,所以不允许使用。

下划线:

很多程序员比较喜欢使用下划线(如:date_of_birth), 特别是在 SQL 数据库中。

PHP 语言通常都使用下划线。

帕斯卡拼写法(PascalCase):

帕斯卡拼写法(PascalCase) 在 C 语言中语言较多。

驼峰法:

JavaScript 中通常推荐使用驼峰法,jQuery 及其他 JavaScript 库都使用驼峰法。

注意:变量名不要以 $ 作为开始标记,会与很多 JavaScript 库冲突。

HTML 载入外部 JavaScript 文件

使用简洁的格式载入 JavaScript 文件 ( type 属性不是必须的):

使用 JavaScript 访问 HTML 元素

一个糟糕的 HTML 格式可能会导致 JavaScript 执行错误。

以下两个 JavaScript 语句会输出不同结果:

实例

var obj =getElementById("Demo")

var obj = getElementById("demo")

HTML 与 JavaScript 尽量使用相同的命名规则。

访问 HTML(5) 代码规范。

文件扩展名

HTML 文件后缀可以是 .html (或r .htm)。

CSS 文件后缀是 .css 。

JavaScript 文件后缀是 .js 。

使用小写文件名

大多 Web 服务器 (Apache, Unix) 对大小写敏感: london.jpg 不能通过 London.jpg 访问。

其他 Web 服务器 (Microsoft, IIS) 对大小写不敏感: london.jpg 可以通过 London.jpg 或 london.jpg 访问。

你必须保持统一的风格,我们建议统一使用小写的文件名。

学完本教程之后,W3Cschool推荐您进行实战练习来巩固自己的知识:

JavaScript 格式化整理工具

在线JavaScript 格式化整理工具

修改myeclipse中jsp文件默认打开方式

在我们做JAVA企业级开发的时候,经常使用一个优秀的IDE来进行开发,但是我们在开发网页应用时,总会使用到jsp来显示我们的前端设计,然而,在myeclipse中,都设置成了默认使用可视化编辑器来打开 ,由于myeclipse本身就比较大,所以导致在打开jsp文件时,非常的慢,实在让人受不了。本次分享中,我将教大家如何来修改文件的默认打开方式,这个方法通用于所有myeclipse支持的文件类型。请看:

首先,我们来看看如果不修改的话,jsp文件默认的打开方式是这样的,分成两个视图,一个是可视化视图,一个是代码视图,打开非常缓慢,实在让人捉急啊。

接下来,我们来修改其默认打开方式,从主菜单中点击【windowns】- 【preferrences】,这样就打开了窗口的视图属性设置对话框:

在视图属性设置对话框中,为了快速找到我们需要的默认编辑器的位置,我们在搜索框里输入:file 。因为我们是需要修改文件的默认编辑器,所以肯定跟文件属性相关,因而我们输入file进行定位。

找到了【General】 - 【editors】 - 【file association】,可以看到对于同一种类型的文件,可能有不止一种编辑器可以对它进行编辑,所以,我们就需要确定我们自己需要的是哪种,把这种设置为默认的打开方式,以后,我们就可以直接双击后,就是我们需要的编辑器打开了。

最后,修改好之后点击确定,我们来验证一下,重启myeclipse之后,打开一个jsp文件,发现确实出现了如我们需要的那种编辑器打开了。

本站内容来自用户投稿,如果侵犯了您的权利,请与我们联系删除。联系邮箱:835971066@qq.com

本文链接:http://news.xiuzhanwang.com/post/1037.html

发表评论

评论列表

还没有评论,快来说点什么吧~

友情链接: