Hướng dẫn javascript semicolon best practice - dấu chấm phẩy javascript thực hành tốt nhất

Question

Sử dụng chúng, hoặc không sử dụng chúng

Bán kết trong JavaScript phân chia cộng đồng. Một số thích sử dụng chúng luôn luôn, không có vấn đề gì. Những người khác thích tránh chúng.

Nội dung chính Show

Các quy tắc của chèn dấu chấm phẩy tự động JavaScript
Ví dụ về mã không làm những gì bạn nghĩ
Sự kết luận
Hướng dẫn sử dụng dấu chấm phẩy trong JavaScript
Việc sử dụng bắt buộc: tách hai câu lệnh trên cùng một dòng
Sử dụng tùy chọn: Bán kết là dấu phân cách tuyên bố
Tránh dấu chấm phẩy
Ngoại lệ trong việc sử dụng dấu chấm phẩy
Chèn dấu chấm phẩy tự động vào JavaScript
Quy tắc ASI trong JavaScript
Nhưng đó không phải là những gì bạn đang cố gắng làm.
Một ví dụ khác trong đó ASI có thể gây ra các vấn đề là với các tuyên bố trả lại.
Bây giờ đoạn mã này hoạt động như mong đợi.
Dưới đây là 5 lý do bạn nên sử dụng dấu chấm phẩy trong mã của mình.
Nếu không, vòng lặp sẽ không hoạt động.
Có lẽ bạn đã quen với việc sử dụng dấu chấm phẩy trong mã của bạn theo thời gian.
Tại sao bạn không nên sử dụng dấu chấm phẩy: 3 lý do
1. Bán kết được tự động chèn
2. Ít mã hơn để viết và ít tiếng ồn hơn
3. Nhiều tuyên bố trên một dòng là thực hành xấu
Vậy tôi có nên sử dụng dấu chấm phẩy hay không?
Sự kết luận
Đọc thêm

Tôi đã đưa ra một cuộc thăm dò trên Twitter để kiểm tra vùng biển và tôi đã tìm thấy rất nhiều người ủng hộ dấu chấm phẩy:

Sau khi sử dụng dấu chấm phẩy trong nhiều năm, vào mùa thu năm 2017, tôi đã quyết định thử tránh chúng khi tôi có thể. Tôi thiết lập đẹp hơn để tự động xóa dấu chấm phẩy khỏi mã của mình, trừ khi có một cấu trúc mã cụ thể yêu cầu chúng.

Bây giờ tôi thấy thật tự nhiên để tránh các dấu chấm phẩy, và tôi nghĩ rằng mã trông tốt hơn và sạch hơn để đọc.

Điều này là tất cả có thể bởi vì JavaScript không yêu cầu dấu chấm phẩy. Khi có một nơi cần một dấu chấm phẩy, nó sẽ thêm nó đằng sau hậu trường.

Điều này được gọi là chèn dấu chấm phẩy tự động.Automatic Semicolon Insertion.

Nó rất quan trọng để biết các quy tắc mà các dấu chấm phẩy quyền lực. Điều này sẽ cho phép bạn tránh viết mã sẽ tạo lỗi trước khi nó không hoạt động như bạn mong đợi.

Các quy tắc của chèn dấu chấm phẩy tự động JavaScript

Trình phân tích cú pháp JavaScript sẽ tự động thêm dấu chấm phẩy khi, trong quá trình phân tích mã nguồn, nó tìm thấy các tình huống cụ thể sau:

Khi dòng tiếp theo bắt đầu bằng mã phá vỡ hiện tại (mã có thể sinh ra trên nhiều dòng)
Khi dòng tiếp theo bắt đầu bằng
```
const a = 1
const b = 2
const c = a + b
(a + b).toString()
```
0, đóng khối hiện tại
Khi kết thúc tệp mã nguồn

Khi có một tuyên bố

const a = 1
const b = 2
const c = a + b
(a + b).toString()

1 trên dòng riêng của nó

Khi có một tuyên bố

const a = 1
const b = 2
const c = a + b
(a + b).toString()

2 trên dòng riêng của nó

Khi có một tuyên bố

const a = 1
const b = 2
const c = a + b
(a + b).toString()

3 trên dòng riêng của nó

Khi có một tuyên bố

const a = 1
const b = 2
const c = a + b
(a + b).toString()

4 trên dòng riêng của nó

Ví dụ về mã không làm những gì bạn nghĩ

Dựa trên những quy tắc đó, đây là một số ví dụ.

Thực hiện việc này:

const hey = 'hey'
const you = 'hey'
const heyYou = hey + ' ' + you

['h', 'e', 'y'].forEach((letter) => console.log(letter))

Bạn sẽ nhận được lỗi

const a = 1
const b = 2
const c = a + b
(a + b).toString()

5 vì dựa trên quy tắc

const a = 1
const b = 2
const c = a + b
(a + b).toString()

6, JavaScript cố gắng giải thích mã là

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

Món mã này:

(1 + 2).toString()

In

const a = 1
const b = 2
const c = a + b
(a + b).toString()

7.

const a = 1
const b = 2
const c = a + b
(a + b).toString()

Thay vào đó, nó làm tăng một ngoại lệ

const a = 1
const b = 2
const c = a + b
(a + b).toString()

8, bởi vì JavaScript cố gắng giải thích nó là

const a = 1
const b = 2
const c = a + b(a + b).toString()

Một ví dụ khác dựa trên Quy tắc 4:

(() => {
  return
  {
    color: 'white'
  }
})()

Bạn có thể mong đợi giá trị trả lại của hàm được phát hành ngay lập tức này là một đối tượng chứa thuộc tính

const a = 1
const b = 2
const c = a + b
(a + b).toString()

9, nhưng nó không phải. Thay vào đó, nó

const a = 1
const b = 2
const c = a + b(a + b).toString()

0, bởi vì JavaScript chèn một dấu chấm phẩy sau

const a = 1
const b = 2
const c = a + b
(a + b).toString()

1.

Thay vào đó, bạn nên đặt khung mở ngay sau

const a = 1
const b = 2
const c = a + b
(a + b).toString()

1:

(() => {
  return {
    color: 'white'
  }
})()

Bạn có thể nghĩ rằng mã này hiển thị ‘0, trong một cảnh báo:

1 + 1
-1 + 1 === 0 ? alert(0) : alert(2)

Nhưng nó hiển thị 2 thay thế, vì JavaScript (theo Quy tắc 1) diễn giải nó như:

1 + 1 -1 + 1 === 0 ? alert(0) : alert(2)

Sự kết luận

Hãy cẩn thận - một số người rất quan điểm về dấu chấm phẩy. Thành thật mà nói, tôi không quan tâm. Công cụ cung cấp cho chúng tôi tùy chọn không sử dụng nó, vì vậy chúng tôi có thể tránh các dấu chấm phẩy nếu chúng tôi muốn.

Tôi không đề xuất bất cứ điều gì ở bên này hay bên kia. Chỉ cần đưa ra quyết định của riêng bạn dựa trên những gì làm việc cho bạn.

Bất kể, chúng tôi chỉ cần chú ý một chút, ngay cả khi hầu hết thời gian những kịch bản cơ bản đó không bao giờ hiển thị trong mã của bạn.

Chọn một số quy tắc:

Hãy cẩn thận với các tuyên bố

const a = 1
const b = 2
const c = a + b
(a + b).toString()

1. Nếu bạn trả lại một cái gì đó, hãy thêm nó trên cùng một dòng với return (cùng với

const a = 1
const b = 2
const c = a + b
(a + b).toString()

2,

const a = 1
const b = 2
const c = a + b
(a + b).toString()

3,

const a = 1
const b = 2
const c = a + b
(a + b).toString()

4)

Không bao giờ bắt đầu một dòng với dấu ngoặc đơn, vì chúng có thể được kết hợp với dòng trước đó để tạo một cuộc gọi hàm hoặc tham chiếu phần tử mảng

Và cuối cùng, luôn luôn kiểm tra mã của bạn để đảm bảo nó thực hiện những gì bạn muốn.

Tôi xuất bản 1 hướng dẫn lập trình miễn phí mỗi ngày trên flaviocopes.com, hãy xem nó!

Được xuất bản lần đầu tại flaviocopes.com.

Học mã miễn phí. Chương trình giảng dạy nguồn mở của Freecodecamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Trong JavaScript, dấu chấm phẩy là tùy chọn.

Đúng, bạn nghe đúng đấy.

// Both statements work the same way
console.log("Hello")
console.log("Hello");

Tuy nhiên, có một số tình huống trong đó bỏ qua một dấu chấm phẩy có thể dẫn đến những hậu quả không mong muốn.

Vì vậy, không có câu trả lời dứt khoát về việc bạn có nên sử dụng dấu chấm phẩy hay không.

Sử dụng dấu chấm phẩy luôn gây ra một cuộc tranh luận trong cộng đồng JavaScript. Có những lý lẽ tốt mà hỗ trợ sử dụng dấu chấm phẩy. Nhưng cũng có những lý do tuyệt vời tại sao bạn không nên sử dụng chúng.

Đây là một hướng dẫn toàn diện về cách sử dụng dấu chấm phẩy trong JavaScript.

Đầu tiên, chúng tôi sẽ đi qua các quy tắc sử dụng dấu chấm phẩy trong mã JavaScript.

Sau đó, bạn sẽ tìm hiểu làm thế nào việc chèn dấu chấm phẩy tự động hoạt động đằng sau hậu trường.

Cuối cùng nhưng không kém phần quan trọng, bạn sẽ thấy một danh sách các ưu và nhược điểm của việc sử dụng dấu chấm phẩy.

Vào cuối hướng dẫn này, bạn sẽ có thể quyết định xem bạn có muốn sử dụng dấu chấm phẩy hay không.

Hướng dẫn sử dụng dấu chấm phẩy trong JavaScript

Trước khi thảo luận về những ưu và nhược điểm của việc sử dụng dấu chấm phẩy, bạn cần hiểu cách chúng được sử dụng ngay từ đầu.

Việc sử dụng bắt buộc: tách hai câu lệnh trên cùng một dòng

Nếu bạn có hai câu lệnh JavaScript trên cùng một dòng, bạn phải tách chúng bằng dấu chấm phẩy.

Có lẽ ví dụ phổ biến nhất của điều này là cho vòng lặp.

Ví dụ:

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

0

Output:

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

1

Vòng lặp FOR sẽ không hoạt động nếu không có dấu chấm phẩy khi điều kiện vòng lặp được thiết lập trên một dòng.

Sử dụng tùy chọn: Bán kết là dấu phân cách tuyên bố

Khác với các câu lệnh phân tách trên cùng một dòng, không có cách sử dụng bắt buộc nào khác của dấu chấm phẩy trong JavaScript.

Tuy nhiên, bạn có thể tùy chọn sử dụng dấu chấm phẩy để chấm dứt một câu lệnh mặc dù có các lần phá vỡ dòng.

Dưới đây là một số ví dụ phổ biến về các tuyên bố có thể được chấm dứt bởi dấu chấm phẩy:

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

2

Hãy nhớ rằng, tất cả các dấu chấm phẩy ở trên là tùy chọn.

Mã sẽ hoạt động mà không có chúng.

Tránh dấu chấm phẩy

Ngoài ra còn có một số tình huống mà bạn phải tránh sử dụng dấu chấm phẩy.

Tránh dấu chấm phẩy sau ‘}

Không đặt dấu chấm phẩy sau khi đóng khung xoăn ‘}.}‘.

Ngoại lệ duy nhất là một câu lệnh gán như thế này:

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

3

Trong trường hợp này, bạn có thể sử dụng dấu chấm phẩy.

Dưới đây là một số ví dụ về việc không sử dụng dấu chấm phẩy sau khi kết thúc khung xoăn:

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

4

Tránh dấu chấm phẩy sau ‘)

Trong phần trước, bạn đã học cách không sử dụng dấu chấm phẩy sau khi kết thúc khung xoăn.

Tuy nhiên, nếu bạn vô tình làm, nó sẽ chỉ bị bỏ qua.

Không có thiệt hại.

Nhưng nếu bạn đặt một dấu chấm phẩy nơi nó không được cho là, bạn sẽ gặp rắc rối.

Không thêm dấu chấm phẩy sau khi dấu ngoặc đơn ‘) trong:

Nếu tuyên bố
Cho các vòng lặp
Trong khi vòng lặp
Chuyển đổi câu lệnh

Hãy cùng xem một ví dụ về lý do tại sao điều này rất quan trọng cần nhớ.

Nếu bạn viết một câu lệnh IF như thế này:

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

5

Nó tương đương với điều này:

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

6

Trong trường hợp này, nó in tin nhắn vào bảng điều khiển mặc dù nó rõ ràng không nên.

Lý do tại sao điều này xảy ra là vì dấu chấm phẩy chấm dứt câu lệnh IF hoàn toàn.

Sau đó, khối mã theo câu lệnh IF được thực thi dưới dạng một khối mã riêng lẻ.

Vì vậy, hãy cẩn thận để không sử dụng sai dấu chấm phẩy!

Ngoại lệ trong việc sử dụng dấu chấm phẩy

Trước đó trong bài viết này, bạn đã thấy một ví dụ về một vòng lặp với dấu chấm phẩy.

Đây là một trường hợp sử dụng đặc biệt của dấu chấm phẩy.

Hãy xem điều này đơn giản cho vòng lặp:

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

7

Như bạn có thể thấy, không có dấu chấm phẩy ngay sau I ++.i++.

Như một vấn đề thực tế, bạn không thể sử dụng dấu chấm phẩy sau tuyên bố thứ ba trong vòng lặp cho.

Nếu bạn làm như vậy, sẽ có lỗi cú pháp:

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

8

Đây là tất cả mọi thứ bạn cần biết khi nói đến các quy tắc sử dụng dấu chấm phẩy trong JavaScript.

Tiếp theo, hãy để thảo luận ngắn gọn về lý do tại sao sử dụng dấu chấm phẩy là tùy chọn trong JavaScript.

Chèn dấu chấm phẩy tự động vào JavaScript

JavaScript không yêu cầu dấu chấm phẩy (trừ một ngoại lệ bạn đã thấy trước đó).

Điều này là do JavaScript thông minh và nó có thể thêm các dấu chấm phẩy cần tự động.

Điều này xảy ra đằng sau hậu trường và bạn sẽ không chú ý đến nó.

Quá trình này được gọi là chèn dấu chấm phẩy tự động (ASI).

Quy tắc ASI trong JavaScript

Trình phân tích cú pháp JavaScript thêm một dấu chấm phẩy trong bất kỳ trường hợp nào sau đây:

Dòng mã tiếp theo bắt đầu bằng mã rõ ràng dòng mã hiện tại.
Khi dòng mã tiếp theo bắt đầu bằng ‘}.}‘.
Khi kết thúc của tập tin đạt được.
Nếu bất kỳ câu nào sau đây gặp phải trên dòng riêng của nó
- return
- break
- throw
- continue

Điều quan trọng là phải hiểu rằng ASI không đúng 100% thời gian.

Bán kết được sử dụng để phân tách các tuyên bố trong JavaScript không để chấm dứt chúng.

Đây là những gì ASI cố gắng làm cho bạn.

Một cách tiếng Anh đơn giản để tóm tắt các quy tắc ASI là:

Không phải mọi dòng phá vỡ đều cần một dấu chấm phẩy. Thay vào đó, một dòng không thể phân tích được mà không có dấu chấm phẩy cần một dấu chấm phẩy.

Ví dụ:

const hey = 'hey';
const you = 'hey';
const heyYou = hey + ' ' + you['h', 'e', 'y'].forEach((letter) => console.log(letter))

9

Phần mã này được ASI giải thích là:

(1 + 2).toString()

0

Trong trường hợp này, ASI đã làm rất tốt để hiểu cách mã tiếp tục giữa các dòng 2-4.

Tuy nhiên, đôi khi nó có thể không biết những gì chúng ta đang cố gắng thực hiện.

Ví dụ: dòng mã này gây ra lỗi

(1 + 2).toString()

1

Điều này dẫn đến lỗi sau:

(1 + 2).toString()

2

Dựa trên lỗi, bạn có thể đã đoán tại sao điều này xảy ra.

Lý do tại sao đoạn mã hợp lệ này không hoạt động là vì ASI không chèn dấu chấm phẩy sau dòng thứ hai.

Thay vào đó, nó diễn giải các dòng 2 và 4 như là sự tiếp nối của cùng một câu như thế này (theo quy tắc ASI số 1):

(1 + 2).toString()

3

ASI nghĩ rằng S là một mảng và bạn đang cố gắng truy cập phần tử thứ 4 của nó với S [3].s is an array and you are trying to access its 4th element with s[3].

Nhưng đó không phải là những gì bạn đang cố gắng làm.

Để làm cho dòng này hoạt động như mong đợi, bạn nên thêm một dấu chấm phẩy rõ ràng ở cuối dòng thứ hai:

(1 + 2).toString()

4

Bây giờ mã hoạt động như mong đợi.

Một ví dụ khác trong đó ASI có thể gây ra các vấn đề là với các tuyên bố trả lại.return statements.

Ví dụ:

(1 + 2).toString()

5

Output:

(1 + 2).toString()

6

Phần mã này được ASI giải thích là:undefined even though you expected it to print the { name: ‘Bob’ }.

Trong trường hợp này, ASI đã làm rất tốt để hiểu cách mã tiếp tục giữa các dòng 2-4.return statement is encountered on its own line, a semicolon is inserted.

Tuy nhiên, đôi khi nó có thể không biết những gì chúng ta đang cố gắng thực hiện.

(1 + 2).toString()

7

Ví dụ: dòng mã này gây ra lỗigetData() function returns nothing and then randomly creates an object with which it does nothing.

Điều này dẫn đến lỗi sau:undefined in the console.

Dựa trên lỗi, bạn có thể đã đoán tại sao điều này xảy ra.return statement:

(1 + 2).toString()

8

Output:

(1 + 2).toString()

9

Lý do tại sao đoạn mã hợp lệ này không hoạt động là vì ASI không chèn dấu chấm phẩy sau dòng thứ hai.

Thay vào đó, nó diễn giải các dòng 2 và 4 như là sự tiếp nối của cùng một câu như thế này (theo quy tắc ASI số 1):

ASI nghĩ rằng S là một mảng và bạn đang cố gắng truy cập phần tử thứ 4 của nó với S [3].

Nhưng đó không phải là những gì bạn đang cố gắng làm.

Để làm cho dòng này hoạt động như mong đợi, bạn nên thêm một dấu chấm phẩy rõ ràng ở cuối dòng thứ hai:

Bây giờ mã hoạt động như mong đợi.

Một ví dụ khác trong đó ASI có thể gây ra các vấn đề là với các tuyên bố trả lại.

Điều này in không xác định mặc dù bạn mong đợi nó sẽ in {name: ‘Bob,}.

Điều này xảy ra bởi vì quy tắc thứ 4 của ASI tuyên bố rằng nếu một tuyên bố hoàn trả gặp phải trên dòng riêng của nó, một dấu chấm phẩy sẽ được chèn vào.

Vì vậy, ASI nhìn thấy mã trên như thế này:

Nói cách khác, hàm getData () không trả lại gì và sau đó tạo ngẫu nhiên một đối tượng mà nó không làm gì cả.

Do đó, bạn thấy không xác định trong bảng điều khiển.

Để khắc phục điều này, bạn nên thêm khung xoăn mở vào cùng một dòng với câu lệnh trả về:

Bây giờ đoạn mã này hoạt động như mong đợi.

Trong chương này, bạn đã học cách cẩn thận với ASI. Mặc dù hầu hết thời gian nó đúng, đôi khi nó có thể hiểu sai ý định của bạn.

Tiếp theo, hãy để Lừa đến phần thú vị, nghĩa là, vì lý do tại sao bạn nên hoặc không nên sử dụng dấu chấm phẩy trong JavaScript.

Tại sao bạn nên sử dụng dấu chấm phẩy: 5 lý do

Sử dụng hoặc không sử dụng dấu chấm phẩy gây ra một cuộc tranh luận sôi nổi giữa các nhà phát triển web.

Dưới đây là 5 lý do bạn nên sử dụng dấu chấm phẩy trong mã của mình.

1. Đôi khi bắt buộc

Như bạn đã học trước đó trong bài viết này, đôi khi bạn phải sử dụng dấu chấm phẩy.

Chẳng hạn, nếu bạn viết một vòng lặp cho vòng lặp, bạn phải sử dụng dấu chấm phẩy để chỉ định tham số vòng lặp và các điều kiện.

Nếu không, vòng lặp sẽ không hoạt động.

Ngoài ra, ASI (chèn dấu chấm phẩy tự động) của JavaScript không đúng 100% thời gian.

Đôi khi nó có thể giải thích sai ý định của bạn và không thêm dấu chấm phẩy ở nơi cần thiết. Điều này có thể dẫn đến các lỗi bất ngờ trong mã.

Bạn cũng đã thấy một ví dụ về điều này trước đó trong hướng dẫn này.

2. Bạn đã phát triển để sử dụng dấu chấm phẩyreturn statement.

Có lẽ bạn đã quen với việc sử dụng dấu chấm phẩy trong mã của bạn theo thời gian.

Một số ngôn ngữ khác sử dụng các dấu chấm phẩy rộng rãi, vì vậy người ta thường làm quen với việc sử dụng chúng.

Nếu bộ não của bạn không giải thích mã JavaScript mà không có dấu chấm phẩy, tại sao lại bỏ chúng?

Do đó, dựa vào các quy tắc ASI để chèn các dấu chấm phẩy theo cùng một cách không đáng tin cậy 100%.

Nếu bạn viết mã với ASI hiện tại, bạn có thể chạy trong một số vấn đề nếu các quy tắc thay đổi.

Nhưng hãy ghi nhớ 99,9% thời gian ASI thực hiện công việc của mình một cách chính xác. Hơn nữa, các quy tắc không có khả năng thay đổi ở bất cứ đâu sớm.

Bây giờ bạn đã thấy một loạt các lý do để sử dụng dấu chấm phẩy, hãy để nói về lý do tại sao bạn không nên sử dụng chúng.

Tại sao bạn không nên sử dụng dấu chấm phẩy: 3 lý do

Lưu ý rằng nếu bạn nghe ai đó nói rằng bạn không bao giờ nên sử dụng dấu chấm phẩy, thì họ đã sai. Điều này là do dấu chấm phẩy là bắt buộc trong những dịp hiếm hoi.

Dù sao đi nữa, hãy để nói về những nhược điểm của dấu chấm phẩy bằng cách liệt kê 3 lý do tại sao bạn không nên sử dụng chúng.

1. Bán kết được tự động chèn

Như bạn đã học, dấu chấm phẩy được ASI chèn vào.

Do đó, bạn không cần phải viết một cái gì đó sẽ bị bỏ qua bằng mọi cách.

2. Ít mã hơn để viết và ít tiếng ồn hơn

Mỗi nhân vật của mã tác động đến khả năng đọc và chất lượng mã.

Nếu bạn bỏ qua bằng cách sử dụng dấu chấm phẩy, bạn lưu các ký tự cho từng dòng mã bạn viết.

3. Nhiều tuyên bố trên một dòng là thực hành xấu

Sử dụng dấu chấm phẩy cho phép bạn viết nhiều câu lệnh trên cùng một dòng.

Nhưng đây là thực hành xấu.

Bạn không bao giờ nên viết các câu lệnh trên cùng một dòng (trừ khi được yêu cầu).

Nếu bạn sử dụng dấu chấm phẩy, có khả năng bạn có được thói quen xấu này. Nếu bạn không sử dụng dấu chấm phẩy, không có cách nào để bạn viết các câu lệnh trên cùng một dòng.

Vậy tôi có nên sử dụng dấu chấm phẩy hay không?

Trong chương trước, chúng tôi đã thảo luận về lý do tại sao bạn nên và tại sao bạn không nên sử dụng dấu chấm phẩy.

Như bạn có thể thấy, có nhiều lý do chính đáng để tiếp tục sử dụng dấu chấm phẩy hơn là bỏ chúng ra.

Vì vậy, tôi khuyên bạn nên sử dụng dấu chấm phẩy.

Tuy nhiên, quyết định là tùy thuộc vào bạn.

Nếu bạn đang làm việc trong một nhóm phát triển phần mềm, bạn phải tuân thủ các quy tắc chung. Nếu nhóm sử dụng dấu chấm phẩy, bạn cũng phải sử dụng chúng. Nếu nhóm không, bạn cũng không nên.

Ngoài ra, hãy nhớ phù hợp với hoặc không có dấu chấm phẩy.

Nếu bạn để một dấu chấm phẩy ra, hãy bỏ qua tất cả chúng (ngoại trừ những người bắt buộc). Bạn cũng có thể định cấu hình linter của mình để tự động loại bỏ dấu chấm phẩy.

Sự kết luận

Hôm nay bạn đã học về việc sử dụng dấu chấm phẩy trong JavaScript.

Tóm lại, dấu chấm phẩy không bắt buộc trong JavaScript.

Thay vào đó, quá trình chèn dấu chấm phẩy (ASI) tự động thêm các dấu chấm phẩy khi cần thiết.

Tuy nhiên ASI không đúng 100% thời gian. Ngoài ra, trong một số tình huống, bạn chỉ cần sử dụng dấu chấm phẩy. Nếu không, mã sẽ không hoạt động.

Cho dù bạn nên sử dụng dấu chấm phẩy hay không hoàn toàn phụ thuộc vào bạn.

Theo tôi, có nhiều lợi ích của việc sử dụng dấu chấm phẩy hơn là bỏ chúng ra.

Nhưng số dặm của bạn có thể khác nhau.

Cảm ơn vì đã đọc.

Hi vọng bạn tìm được thứ hữu dụng.

Mã hóa hạnh phúc!

Đọc thêm

103 Câu hỏi phỏng vấn JavaScript

programming javascript Does js need Main js JavaScript Everything about JavaScript JavaScript identifier regex Beginning JavaScript

Hướng dẫn javascript semicolon best practice - dấu chấm phẩy javascript thực hành tốt nhất

Sử dụng chúng, hoặc không sử dụng chúng

Các quy tắc của chèn dấu chấm phẩy tự động JavaScript

Ví dụ về mã không làm những gì bạn nghĩ

Sự kết luận

Hướng dẫn sử dụng dấu chấm phẩy trong JavaScript

Việc sử dụng bắt buộc: tách hai câu lệnh trên cùng một dòng

Sử dụng tùy chọn: Bán kết là dấu phân cách tuyên bố

Tránh dấu chấm phẩy

Tránh dấu chấm phẩy sau ‘}

Tránh dấu chấm phẩy sau ‘)

Ngoại lệ trong việc sử dụng dấu chấm phẩy

Chèn dấu chấm phẩy tự động vào JavaScript

Quy tắc ASI trong JavaScript

Nhưng đó không phải là những gì bạn đang cố gắng làm.

Một ví dụ khác trong đó ASI có thể gây ra các vấn đề là với các tuyên bố trả lại.

Bây giờ đoạn mã này hoạt động như mong đợi.

Dưới đây là 5 lý do bạn nên sử dụng dấu chấm phẩy trong mã của mình.

Nếu không, vòng lặp sẽ không hoạt động.

Có lẽ bạn đã quen với việc sử dụng dấu chấm phẩy trong mã của bạn theo thời gian.

Tại sao bạn không nên sử dụng dấu chấm phẩy: 3 lý do

1. Bán kết được tự động chèn

2. Ít mã hơn để viết và ít tiếng ồn hơn

3. Nhiều tuyên bố trên một dòng là thực hành xấu

Vậy tôi có nên sử dụng dấu chấm phẩy hay không?

Sự kết luận

Đọc thêm

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội