为什么 JavaScript 需要以“;”开头？

发布于 2024-08-26 09:22:57 字数 716 浏览 6 评论 0原文

我最近注意到，网络上的许多 JavaScript 文件都以 ; 开头，紧跟在注释部分之后。

例如，此 jQuery 插件代码开头为：

/**
 * jQuery.ScrollTo
 * Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
 * Dual licensed under MIT and GPL.
 * Date: 9/11/2008                                      
 .... skipping several lines for brevity...
 *
 * @desc Scroll on both axes, to different values
 * @example $('div').scrollTo( { top: 300, left:'+=200' }, { axis:'xy', offset:-20 } );
 */
;(function( $ ){

为什么文件需要以 ;？我也在服务器端 JavaScript 文件中看到了这种约定。

这样做的优点和缺点是什么？

原文

I have recently noticed that a lot of JavaScript files on the Web start with a ; immediately following the comment section.

For example, this jQuery plugin's code starts with:

/**
 * jQuery.ScrollTo
 * Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
 * Dual licensed under MIT and GPL.
 * Date: 9/11/2008                                      
 .... skipping several lines for brevity...
 *
 * @desc Scroll on both axes, to different values
 * @example $('div').scrollTo( { top: 300, left:'+=200' }, { axis:'xy', offset:-20 } );
 */
;(function( $ ){

Why does the file need to start with a ;? I see this convention in server-side JavaScript files as well.

What are the advantages and disadvantages of doing this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我不吻晚风 2024-09-02 09:22:57

我想说，由于脚本经常被连接并缩小/压缩/发送在一起，所以最后一个人有可能会遇到类似的情况：

return {
   'var':'value'
}

在最后一个脚本的末尾没有 ; 。如果你的开头有一个 ; ，那么它是安全的，例如：

return {
   'var':'value'
}
;(function( $ ){ //Safe (still, screw you, last guy!)

return {
   'var':'value'
}
(function( $ ){ //Oh crap, closure open, kaboom!

return {
   'var':'value'
};
;(function( $ ){ //Extra ;, still safe, no harm

I would say since scripts are often concatenated and minified/compressed/sent together there's a chance the last guy had something like:

return {
   'var':'value'
}

at the end of the last script without a ; on the end. If you have a ; at the start on yours, it's safe, example:

return {
   'var':'value'
}
;(function( $ ){ //Safe (still, screw you, last guy!)

return {
   'var':'value'
}
(function( $ ){ //Oh crap, closure open, kaboom!

return {
   'var':'value'
};
;(function( $ ){ //Extra ;, still safe, no harm

回复收藏 0 原文

蓝色星空 2024-09-02 09:22:57

我相信（尽管我不确定，所以请不要攻击我）这将确保来自不同文件的任何先前声明都被关闭。在最坏的情况下，这将是一个空语句，但在最好的情况下，当未完成的语句实际上来自上面时，它可以避免尝试跟踪此文件中的错误。

回复收藏 0 原文

勿挽旧人 2024-09-02 09:22:57

考虑这个例子：

function a() {
  /* this is my function a */
}
a()
(function() {
  /* This is my closure */
})()

将会发生的情况是，它将像这样进行评估：

function a() {
  /* this is my function a */
}
a()(function() {})()

因此，返回的任何 a 都将被视为试图初始化的函数。

这主要是为了防止在尝试将多个文件连接到一个文件中时出现错误：

a.js

function a() {
  /* this is my function a */
}
a()

b.js

(function() {
  /* This is my closure */
})()

如果我们将这些文件连接在一起，则会导致问题。

因此，请记住将 ; 放在 ( 前面，也许还有其他一些地方。顺便说一句。var a = 1;;;var b = 2; ;;;;;;;;var c = a+b; 是完全有效的 JavaScript

Consider this example:

function a() {
  /* this is my function a */
}
a()
(function() {
  /* This is my closure */
})()

What will happen is that it will be evaluated like this:

function a() {
  /* this is my function a */
}
a()(function() {})()

So what ever a is returning will be treated as a function an tried to be initialized.

This is mostly to prevent errors when trying to concat multiply files into one file:

a.js

function a() {
  /* this is my function a */
}
a()

b.js

(function() {
  /* This is my closure */
})()

If we concat these files together it will cause problems.

So therefore remember to put your ; in front of ( and maybe also a few other places. Btw. var a = 1;;;var b = 2;;;;;;;;;var c = a+b; is perfectly valid JavaScript

回复收藏 0 原文

~没有更多了~