Tại sao tôi nên sử dụng dấu chấm phẩy sau mỗi hàm trong javascript?

Question

Tôi đã thấy các nhà phát triển khác nhau bao gồm dấu chấm phẩy sau khi các hàm trong javascript và một số không có. Phương pháp nào là tốt nhất?

function weLikeSemiColons(arg) { 
    // bunch of code 
}; 

hoặc

function unnecessary(arg) { 
    // bunch of code 
} 

Answer 1

Dấu chấm phẩy sau khai báo chức năng là không cần thiết.

Ngữ pháp của một FunctionDeclaration được mô tả trong the specification như thế này:

function Identifier (FormalParameterListopt) { FunctionBody } 

Không có dấu chấm phẩy ngữ pháp cần thiết, nhưng có thể tự hỏi tại sao?

dấu chấm phẩy dùng để tách báo cáo lẫn nhau, và một FunctionDeclaration không phải là một tuyên bố .

FunctionDeclarations được đánh giá trước mã đi vào thực hiện, hoisting là một từ chung dùng để giải thích hành vi này.

Các thuật ngữ "khai báo chức năng" và "câu lệnh hàm" thường được sử dụng sai thay thế, vì không có câu lệnh chức năng được mô tả trong Đặc tả ECMAScript, tuy nhiên có một số triển khai bao gồm câu lệnh chức năng trong ngữ pháp của chúng. - nhưng một lần nữa điều này là không chuẩn.

Tuy nhiên phẩy luôn khuyến cáo nơi bạn sử dụng FunctionExpressions, ví dụ:

var myFn = function() { 
    //... 
}; 

(function() { 
    //... 
})(); 

Nếu bạn bỏ qua các dấu chấm phẩy sau khi chức năng đầu tiên trong ví dụ trên, bạn sẽ nhận được kết quả hoàn toàn không mong muốn:

var myFn = function() { 
    alert("Surprise!"); 
} // <-- No semicolon! 

(function() { 
    //... 
})(); 

Chức năng đầu tiên sẽ được thực hiện ngay lập tức, vì các dấu ngoặc đơn xung quanh chữ cái thứ hai, sẽ được hiểu là Arguments của một cuộc gọi hàm.

bài giảng Khuyến cáo:

• Named function expressions demystified (bài viết tuyệt vời)
• Explain JavaScript’s encapsulated anonymous function syntax (thêm về FunctionDeclaration vs FunctionExpression)

Answer 2

Chỉ cần ở lại phù hợp! Chúng không cần thiết, nhưng cá nhân tôi sử dụng chúng bởi vì hầu hết các kỹ thuật rút gọn dựa vào dấu chấm phẩy (ví dụ, Packer).

Answer 3

Thực sự chỉ phụ thuộc vào tùy chọn của bạn. Tôi thích kết thúc các dòng mã với dấu chấm phẩy vì tôi đã quen với Java, C++, C#, v.v., vì vậy tôi sử dụng các tiêu chuẩn tương tự cho mã hóa trong javascript.

Tôi thường không kết thúc khai báo hàm trong dấu chấm phẩy, nhưng đó chỉ là sở thích của tôi.

Trình duyệt sẽ chạy theo cách này, nhưng có thể một ngày nào đó họ sẽ đưa ra một số tiêu chuẩn khắt khe hơn về việc này.

Ví dụ về mã tôi sẽ viết:

function handleClickEvent(e) 
{ 
    // comment 
    var something = true; // line of code 
    if (something) // code block 
    { 
     doSomething(); // function call 
    } 
} 

Answer 4

JS Lint là ước de-facto, và nó nói không có dấu chấm phẩy sau khi cơ quan chức năng. Xem phần "Dấu chấm phẩy".

Answer 5

Tôi sử dụng chúng sau khi khai báo hàm như biến:

var f = function() { ... }; 

nhưng không theo định nghĩa kiểu cổ điển:

function f() { 
    ... 
} 

Answer 6

Đó thực sự là vấn đề về quy ước hoặc nhất quán.

Tôi khá chắc chắn rằng không phải là đặt dấu chấm phẩy sau mỗi câu lệnh làm chậm trình phân tích cú pháp nội bộ vì nó phải tìm ra điểm kết thúc của câu lệnh là gì. Tôi muốn tôi có một số số tiện dụng để bạn khẳng định tích cực điều đó, nhưng có thể bạn có thể tự mình làm điều đó. :)

Ngoài ra, khi bạn đang nén hoặc rút gọn mã, việc thiếu dấu hai chấm có thể dẫn đến phiên bản rút gọn của tập lệnh không làm những gì bạn muốn vì tất cả khoảng trắng đều biến mất.

Answer 7

Khi tôi rút gọn tập lệnh, tôi nhận ra rằng các hàm bắt đầu bằng dấu tôi cần sử dụng dấu chấm phẩy. nếu bạn định nghĩa một hàm là var, có bạn cần sử dụng dấu chấm phẩy.

cần dấu chấm phẩy

var x = function(){}; 
var x = new function(){}; 
this.x = function(){}; 

không cần dấu chấm phẩy

function x(){} 

Answer 8

ĐƠN GIẢN:

Đó là một thực hành tốt để rời khỏi phẩy ; sau khi kết thúc niềng răng hàm. Họ đã được coi là một thực hành tốt nhất trong nhiều năm.

Một lợi thế lớn của việc luôn sử dụng chúng là nếu bạn muốn rút gọn JavaScript của mình.

Khi rút gọn Javascript, giúp giảm kích thước tệp một chút.

Nếu bạn KHÔNG sử dụng dấu chấm phẩy và nếu bạn muốn rút gọn (giống như nhiều nhà phát triển muốn làm nếu trang web của họ phục vụ nhiều JavaScript), bạn có thể nhận được tất cả các loại Lỗi/Cảnh báo.