Nhập cưỡng chế trong JavaScript – js ép buộc vào chuỗi

Kiểu ép buộc, chuyển đổi kiểu, sắp chữ và kiểu tung hứng: tất cả các tên khác nhau đề cập đến quá trình chuyển đổi một kiểu dữ liệu này thành một kiểu dữ liệu khác. Quá trình này có ở hầu hết mọi ngôn ngữ lập trình và là một khái niệm quan trọng trong khoa học máy tính.

Mặc dù JavaScript được biết đến là một trong những ngôn ngữ lập trình dễ dàng nhất cho người mới bắt đầu, nhưng nó cũng có thể trở nên khó chịu khi các nhà phát triển mong đợi JavaScript làm một việc và nó trả về một thứ khác.

Và mặc dù tiêu chuẩn Đặc tả ngôn ngữ ECMAScript có sẵn cho các nhà phát triển để giúp hướng dẫn họ vượt qua những vấn đề này, nhưng việc không đọc và hiểu tiêu chuẩn đặc tả có thể gây ra nhiều thất vọng hơn khi xử lý kiểu ép buộc trong JavaScript.

Nhập cưỡng chế trong JavaScript là một ví dụ về cách ngôn ngữ này có thể tạo ra kết quả không mong đợi khi chúng tôi không biết chính xác cách hoạt động của nó. Tất cả những ai đã chạm vào dù chỉ một chút mã trong JavaScript đều có thể liên tưởng rằng việc cưỡng chế kiểu có thể rất phức tạp.

Mặc dù các ví dụ mã mà chúng tôi đề cập trong bài viết này có vẻ giống như các lỗi mà bản cập nhật phiên bản có thể khắc phục, nhưng lý do chúng tôi xem xét tại sao kiểu ép buộc hoạt động theo cách nó thực hiện là vì nhiều sản phẩm và mã kế thừa phụ thuộc vào các phiên bản JavaScript cũ hơn. < / p>

Điều này có nghĩa là việc tạo ra các thay đổi đối với ngôn ngữ có thể phá vỡ các sản phẩm và mã kế thừa và thay vào đó, chúng ta phải học cách điều hướng các loại cưỡng chế kỳ quặc.

Trong bài đăng này, chúng tôi sẽ đề cập đến các loại trong JavaScript và cách sử dụng tính năng ép buộc loại, giúp chúng tôi đạt được thành công trong lập trình.

Các loại trong JavaScript

Chúng tôi có thể coi JavaScript là ngôn ngữ không định kiểu , có nghĩa là nó không có kiểu tĩnh. Tuy nhiên, lầm tưởng nổi bật rằng JavaScript không có các loại là sai.

JavaScript có bảy kiểu nguyên thủy :

• string
• số
• Boolean
• không xác định
• null
• Ký hiệu
• BigInt

Tuy nhiên, các biến trong JavaScript không có loại. Bất cứ khi nào chúng ta sử dụng toán tử typeof để trả về kiểu biến, chúng ta sẽ trả về kiểu giá trị của biến.

Bây giờ chúng ta đã xóa một vài quan niệm sai lầm về JavaScript và loại, chúng ta có thể tìm hiểu tìm hiểu thêm về cưỡng chế nhập và cách hoạt động của nó trong JavaScript.

Loại cưỡng chế

Nhập cưỡng chế trong JavaScript chỉ cưỡng chế các kiểu nguyên thủy string , number và Boolean . Trong JavaScript không có cách nào để ép buộc một loại giá trị thành object hoặc function .

JavaScript có hai hình thức cưỡng chế đặc trưng: ép buộc ngầm và ép buộc rõ ràng.

Ép buộc ngầm xảy ra khi JavaScript ép buộc loại giá trị thành loại mong đợi. Kiểu ép buộc này xảy ra mà nhà phát triển không nhận thấy.

Sự ép buộc rõ ràng xảy ra khi chúng tôi muốn ép buộc loại giá trị thành một loại cụ thể. Hầu hết thời gian, sự ép buộc rõ ràng trong JavaScript xảy ra bằng cách sử dụng các hàm tích hợp sẵn như String () , Number () và Boolean () .

Khi chúng tôi cố gắng tạo các hoạt động trong JavaScript bằng cách sử dụng các loại giá trị khác nhau, JavaScript sẽ ép buộc các loại giá trị cho chúng tôi một cách ngầm định.

Đây là một trong những lý do tại sao các nhà phát triển có xu hướng tránh sự ép buộc ngầm trong JavaScript. Hầu hết thời gian, chúng tôi nhận được kết quả không mong muốn từ hoạt động này nếu chúng tôi không biết chính xác cách JavaScript cưỡng chế các loại giá trị.

Sự ép buộc ngầm không tệ như các nhà phát triển có xu hướng nghĩ và trên thực tế, rất hữu ích để viết mã có thể đọc được nhưng hiệu quả. Chìa khóa để hiểu đúng cách hoạt động của tính năng ép buộc ngầm trong JavaScript là hiểu những gì nó đang làm.

Số

Có nhiều cách khả thi để ép kiểu nguyên thủy thành một số. Hàm Number () ép kiểu giá trị được chuyển đến hàm, sau đó chuyển sang một số. Khi một loại không thể bị ép buộc thành một số, kết quả trả về là NaN .

Hãy xem một vài ví dụ về sự ép buộc rõ ràng bằng cách sử dụng hàm Number () :

 Number ("42"); // 42
Con số(""); // 0
Số (đúng); // 1
Số (sai); // 0
Số (null); // 0
Số (không xác định); // NaN

Chúng ta có thể thấy rõ một số kết quả rõ ràng và bất ngờ. Chuyển đổi null thành một số trả về 0 trong khi chuyển đổi undefined thành một số trả về NaN . Cả hai thao tác phải trả về NaN vì cả hai loại giá trị rõ ràng không phải là số hợp lệ.

Chuyển đổi một chuỗi rỗng thành một số sẽ trả về 0 . Đây là một phần kỳ lạ khác của JavaScript vì loại giá trị này rõ ràng không phải là một số hợp lệ nhưng nó vẫn chuyển đổi thành 0 .

Kyle Simpson , tác giả của bộ sách Bạn chưa biết JS , cho biết, “Chuỗi trống trở thành 0 là căn nguyên của mọi tệ nạn ép buộc.” < / p>

Mặc dù kết quả mà chúng tôi nhận được từ hàm Number () có vẻ không như mong đợi, nhưng thông số kỹ thuật ECMAScript rõ ràng chỉ ra những khác biệt này. Nhưng nếu không đọc đặc tả ECMA, các nhà phát triển có thể không nhận ra đây chỉ là cách JavaScript được viết.

Trong ví dụ đầu tiên của chúng tôi, chúng tôi nhận được các kết quả khác nhau cho null và không xác định . Hàm đặc tả ECMAScript Number () với kiểu giá trị null, nó sẽ trả về 0 và bất cứ khi nào chúng ta sử dụng cùng một hàm với undefined < / code> nó trả về NaN .

  String ("42"); // "42"
Chuỗi (true); // "thật"
Chuỗi (sai); // "sai"
Chuỗi (null); // "vô giá trị"
Chuỗi (không xác định); // "chưa xác định"
 

 10 + "10" // "1010"
20 + "200" // "20200"
0,212 + "1" // "0,2121"

 Boolean ('') // sai
Boolean (0) // sai
Boolean (-0) // sai
Boolean (NaN) // sai
Boolean (null) // sai
Boolean (không xác định) // false
Boolean (false) // sai

 đúng & amp; & amp; false // sai
đúng & amp; & amp; đúng rồi
sự thật || sai đúng
sự thật || !sai đúng
"tên" || 0 // "tên"
"tên" || [] // "Tên"
"" || [1, 2, 3] // [1, 2, 3]