Bổ sung trong javascript là gì?

JavaScript là một ngôn ngữ tuyệt vời. Tôi thích nó vì sự linh hoạt. chỉ làm những điều theo cách bạn thích. thay đổi loại biến, thêm phương thức hoặc thuộc tính vào đối tượng một cách nhanh chóng, sử dụng toán tử trên các loại biến khác nhau và hơn thế nữa

Tuy nhiên, sự năng động đi kèm với một mức giá. Nhà phát triển cần hiểu cách xử lý chuyển đổi loại cho các toán tử khác nhau. phép cộng (

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

0), đẳng thức (

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

1 và

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

2), bất đẳng thức (

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

3 và

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

4), v.v. Nhiều nhà khai thác có cách riêng để xử lý các chuyển đổi loại

Toán tử cộng

Một trong những toán tử được sử dụng phổ biến nhất là phép cộng.

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

0. Toán tử này được sử dụng để nối các chuỗi hoặc tính tổng các số

1. nối chuỗi

javascript
var result = "Hello, " + "World!";
// string + string = string (concatenation)
// "Hello, World!"

1. Phép cộng số học

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

JavaScript cho phép sử dụng các đối tượng, mảng,

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

6 hoặc

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

7 làm toán hạng. Hãy cố gắng làm sáng tỏ quy tắc chuyển đổi chung

Quy tắc chuyển đổi

Sử dụng sơ đồ sau để xem cách JavaScript chuyển đổi các loại trong hoạt động bổ sung

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

0

1. Nếu ít nhất một toán hạng là một đối tượng, nó sẽ được chuyển đổi thành một giá trị nguyên thủy (chuỗi, số hoặc boolean);
2. Sau khi chuyển đổi, nếu ít nhất một toán hạng là kiểu chuỗi thì toán hạng thứ hai được chuyển đổi thành chuỗi và phép nối được thực hiện;
3. Trong trường hợp khác, cả hai toán hạng được chuyển thành số và phép cộng số học được thực hiện

Nếu cả hai toán hạng đều là kiểu nguyên thủy, thì toán tử sẽ kiểm tra xem ít nhất một toán hạng có phải là chuỗi hay không và thực hiện phép nối. Trong trường hợp khác, nó chỉ biến đổi mọi thứ thành số và tính tổng

Đối tượng nguyên thủy

Đối tượng để chuyển đổi nguyên thủy

• Nếu loại đối tượng là Ngày, thì phương thức

  javascript
  var result = 10 + 5;
  // number + number = number (addition)
  // 15
  

  8 được sử dụng;
• Trong trường hợp khác, phương thức

  javascript
  var result = 10 + 5;
  // number + number = number (addition)
  // 15
  

  9 được sử dụng, nếu nó trả về một giá trị nguyên thủy;
• Trong trường hợp khác (nếu

  javascript
  var result = 10 + 5;
  // number + number = number (addition)
  // 15
  

  9 không tồn tại hoặc không trả về giá trị nguyên thủy), thì phương thức

  javascript
  var result = 10 + 5;
  // number + number = number (addition)
  // 15
  

  8 được sử dụng. Điều này xảy ra hầu hết thời gian

Khi một mảng được chuyển đổi thành nguyên thủy, JavaScript sử dụng phương thức

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

02 của nó. , e. g. nguyên thủy của

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

03 là

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

04. Giá trị nguyên thủy của một đối tượng JavaScript đơn giản

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

05 là

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

06

Học hỏi từ các ví dụ

Các ví dụ sau đây giúp hiểu các trường hợp chuyển đổi đơn giản và phức tạp

ví dụ 1. Số và chuỗi

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

0

Giải trình

1. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   07 (Toán hạng thứ hai là một chuỗi và dựa trên quy tắc 2, số

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   08 trở thành

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   09)

2. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   00 (Nối chuỗi)

3. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   01

Toán hạng thứ hai là một chuỗi. Toán hạng đầu tiên được chuyển đổi từ số thành chuỗi và phép nối được thực hiện

ví dụ 2. Số và mảng

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

6

Giải trình

1. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   02 (Sử dụng quy tắc 1, chuyển đổi mảng

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   03 thành giá trị nguyên thủy.

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   04)

2. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   05 (Sử dụng quy tắc 2, biến đổi số

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   08 thành chuỗi

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   09)

3. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   08 (Nối chuỗi)

4. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   09

Toán hạng đầu tiên là một mảng, vì vậy nó được chuyển đổi thành một giá trị chuỗi nguyên thủy. Ở bước tiếp theo, toán hạng số được chuyển đổi thành chuỗi. Sau đó, việc nối giữa 2 chuỗi được thực hiện

ví dụ 3. Số và boolean

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

5

Giải trình

1. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   60 (Dựa trên quy tắc 3 chuyển đổi boolean

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   61 thành một số

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   08)

2. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   63 (Tổng hai số)

3. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   64

Bởi vì cả hai toán hạng đều không phải là một chuỗi, boolean được chuyển đổi thành số. Sau đó phép cộng số học được thực hiện

Ví dụ 4. Số lượng và đối tượng

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

1

Giải trình

1. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   65 (Toán hạng thứ hai là một đối tượng. Áp dụng quy tắc 1 và đối tượng nguyên thủy là một chuỗi

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   06)

2. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   67 (Sử dụng quy tắc 2 biến đổi số

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   68 thành chuỗi

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   01)

3. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   50 (Nối chuỗi)

4. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   51

Toán hạng đối tượng thứ hai được chuyển thành giá trị chuỗi. Bởi vì phương thức

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

9 trả về chính đối tượng chứ không phải giá trị nguyên thủy, nên phương thức

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

8 được sử dụng, phương thức này trả về chuỗi. Toán hạng thứ hai bây giờ là một chuỗi, do đó số cũng được chuyển đổi thành chuỗi. Việc nối 2 chuỗi được thực hiện

Ví dụ 5. Số và

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

6

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

2

Giải trình

1. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   55 (Vì không có toán hạng nào là chuỗi, hãy chuyển đổi

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   6 thành số

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   57 dựa trên quy tắc 3)

2. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   58 (Số bổ sung)

3. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   59

Vì toán hạng không phải là đối tượng hoặc chuỗi, nên

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

6 được chuyển đổi thành số. Sau đó, số tổng được đánh giá

Ví dụ 6. Chuỗi và

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

6

javascript
var result = "Hello, " + "World!";
// string + string = string (concatenation)
// "Hello, World!"

0

Giải trình

1. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   12 (Vì không có toán hạng đầu tiên nào là chuỗi, hãy chuyển đổi

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   6 thành chuỗi

   javascript
   
   
   
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   14 dựa trên quy tắc 2)

2. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   15 (Nối chuỗi)

3. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   16

Bởi vì toán hạng đầu tiên là một chuỗi, nên

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

6 được chuyển đổi thành chuỗi. Sau đó, việc nối chuỗi được thực hiện

Ví dụ 7. Số và

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

7

javascript
var result = "Hello, " + "World!";
// string + string = string (concatenation)
// "Hello, World!"

8

Giải trình

1. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   19 (Vì không có toán hạng nào là chuỗi, hãy chuyển đổi

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   7 thành số

   javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   21 dựa trên quy tắc 3)

2. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   22 (Số bổ sung)

3. javascript
   var result = 10 + 5;
   // number + number = number (addition)
   // 15
   

   21

Vì cả hai toán hạng đều không phải là đối tượng hay chuỗi, nên

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

7 được chuyển đổi thành số.

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

21. Thực hiện phép cộng giữa số và

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

21 luôn đánh giá thành

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

21

Xem các ví dụ trong JS Bin

Sự kết luận

Để tránh các vấn đề tiềm ẩn, không sử dụng toán tử cộng với các đối tượng, trừ khi bạn xác định rõ ràng các phương thức

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

8 hoặc

javascript
var result = 10 + 5;
// number + number = number (addition)
// 15

9. Như đã thấy trong các ví dụ, toán tử cộng có nhiều trường hợp cụ thể. Biết kịch bản chuyển đổi chính xác sẽ giúp bạn ngăn chặn những bất ngờ trong tương lai. Chúc một ngày code tốt lành

Thích bài viết?

đề xuất cải tiến

Bài đăng chất lượng vào hộp thư đến của bạn

Tôi thường xuyên xuất bản bài viết có chứa

• Các khái niệm JavaScript quan trọng được giải thích bằng các từ đơn giản
• Tổng quan về các tính năng JavaScript mới
• Cách sử dụng TypeScript và cách gõ
• Thiết kế phần mềm và thực hành mã hóa tốt

Đăng ký nhận bản tin của tôi để nhận chúng ngay trong hộp thư đến của bạn

Đặt mua

Tham gia cùng 6719 người đăng ký khác

Giới thiệu về Dmitri Pavlutin

Nhà văn và huấn luyện viên công nghệ. Thói quen hàng ngày của tôi bao gồm (nhưng không giới hạn) uống cà phê, viết mã, viết, huấn luyện, vượt qua sự nhàm chán 😉

Dấu += trong JavaScript là gì?

Phép toán nào là phép cộng?

Đó là += hay =+ JavaScript?

Toán tử nào dùng để cộng?