我见过不同的开发者在javascript的函数后面加分号,也有一些没有。哪种是最佳实践?
function weLikeSemiColons(arg) {
// bunch of code
};
or
function unnecessary(arg) {
// bunch of code
}
我见过不同的开发者在javascript的函数后面加分号,也有一些没有。哪种是最佳实践?
function weLikeSemiColons(arg) {
// bunch of code
};
or
function unnecessary(arg) {
// bunch of code
}
只要保持一致!它们不是必需的,但我个人使用它们,因为大多数缩小技术依赖于分号(例如,Packer)。
这取决于你的喜好。我喜欢用分号来结束代码行,因为我习惯了Java、c++、c#等,所以我在javascript中使用相同的编码标准。
我通常不以分号结束函数声明,但这只是我的偏好。
浏览器会以任何一种方式运行它,但也许有一天他们会提出一些更严格的标准来管理它。
我要写的代码示例:
function handleClickEvent(e)
{
// comment
var something = true; // line of code
if (something) // code block
{
doSomething(); // function call
}
}
JS Lint是事实上的惯例,它说函数体后没有分号。参见“分号”部分。
在函数声明后不需要分号。
FunctionDeclaration的语法在规范中是这样描述的:
function Identifier ( FormalParameterListopt ) { FunctionBody }
语法上不需要分号,但你可能想知道为什么?
分号用于将语句彼此分开,FunctionDeclaration不是语句。
函数声明在代码进入执行之前被求值,提升是用来解释这种行为的常用词。
术语“函数声明”和“函数语句”经常被错误地互换使用,因为ECMAScript规范中没有描述函数语句,但是有一些实现在它们的语法中包含了函数语句,尤其是Mozilla,但这也是非标准的。
但是,在使用FunctionExpressions时,总是建议使用分号。例如:
var myFn = function () {
//...
};
(function () {
//...
})();
如果你在上面的例子中省略了第一个函数后的分号,你将得到完全不希望看到的结果:
var myFn = function () {
alert("Surprise!");
} // <-- No semicolon!
(function () {
//...
})();
第一个函数将立即执行,因为围绕第二个函数的括号将被解释为函数调用的参数。
推荐讲座:
命名函数表达式解密(很棒的文章) 解释JavaScript封装的匿名函数语法(更多关于FunctionDeclaration vs FunctionExpression)
我在函数作为变量声明之后使用它们:
var f = function() { ... };
但不是在经典风格的定义之后:
function f() {
...
}
实际上,这不仅仅是惯例或一致性的问题。
我相当肯定,在每条语句后不放置分号会降低内部解析器的速度,因为它必须找出语句的结尾在哪里。我希望我有一些方便的数字给你肯定地证实这一点,但也许你可以自己谷歌。:)
此外,当您压缩或缩小代码时,缺少分号可能导致脚本的缩小版本不能执行您想要的操作,因为所有的空白都消失了。
当我缩小我的脚本时,我意识到我需要对以等号开始的函数使用分号。如果你定义一个函数为var,是的,你需要使用分号。
需要分号
var x = function(){};
var x = new function(){};
this.x = function(){};
不需要分号
function x(){}
编辑: 这与ECMAScript 2021 (ES2021)无关,所以请忽略下面的声明。
保留分号是一个很好的做法;在函数花括号结束之后。它们被认为是最佳实践。
总是使用它们的一个好处是如果你想要最小化你的JavaScript。
由于减少了Javascript,有助于减少文件大小。
但至于上面的最佳实践和答案,不建议在函数标记后使用。
函数后面的分号是不必要的 无论是否使用它,都不会在程序中导致错误。 但是,如果您计划精简代码,那么在函数后使用分号是个好主意。 例如,你有如下的代码
//file one
var one=1;
var two=2;
function tryOne(){}
function trytwo(){}
and
//file two
var one=1;
var two=2;
function tryOne(){};
function trytwo(){};
当您缩小两者时,您将得到以下输出
注意,注释只是为了说明
//file one
var one=1;var two=2;function tryOne(){}
function trytwo(){}
and
//file two
var one=1;var two=2;function tryOne(){};function trytwo(){};