Ép buộc kiểu là quá trình chuyển đổi giá trị từ kiểu này sang kiểu khác (chẳng hạn như chuỗi thành số, đối tượng thành boolean, v.v.). Bất kỳ kiểu nào, dù là kiểu nguyên thủy hay một đối tượng, đều là một chủ thể hợp lệ để ép kiểu. Để nhớ lại, các nguyên thủy là: number, string, boolean, null, undefined + Symbol (được thêm vào trong ES6).
Ép buộc ngầm so với rõ ràng
Kiểu ép buộc có thể rõ ràng và ẩn ý.
Khi một nhà phát triển bày tỏ ý định chuyển đổi giữa các loại bằng cách viết mã thích hợp, như Number(value) , nó được gọi là ép kiểu rõ ràng (hoặc kiểu ép kiểu).
Vì JavaScript là một ngôn ngữ được định kiểu yếu, các giá trị cũng có thể được chuyển đổi tự động giữa các kiểu khác nhau và nó được gọi là kiểu ép buộc ngầm định. Nó thường xảy ra khi bạn áp dụng khai thác các giá trị của các loại khác nhau, như
1 == null, 2/’5', null + new Date(), hoặc nó có thể được kích hoạt bởi bối cảnh xung quanh, giống như với if (value) {…}, nơi giá trị được ép buộc để boolean.
Một toán tử không kích hoạt cưỡng chế kiểu ngầm định là ===, được gọi là toán tử bình đẳng nghiêm ngặt. Mặt khác, toán tử bình đẳng lỏng ==thực hiện cả phép so sánh và kiểu cưỡng chế nếu cần.
Ép buộc kiểu ngầm là một thanh kiếm hai cạnh: đó là nguồn gốc lớn của sự thất vọng và khiếm khuyết, nhưng cũng là một cơ chế hữu ích cho phép chúng ta viết ít mã hơn mà không làm mất khả năng đọc.
Ba loại chuyển đổi
Quy tắc đầu tiên cần biết là chỉ có ba loại chuyển đổi trong JavaScript:
- xâu chuỗi
- đến boolean
- đến số
Thứ hai, logic chuyển đổi cho nguyên thủy và đối tượng hoạt động khác nhau, nhưng cả nguyên thủy và đối tượng chỉ có thể được chuyển đổi theo ba cách đó.
Hãy bắt đầu với nguyên thủy trước.
Chuyển đổi chuỗi
Để chuyển đổi rõ ràng các giá trị thành một chuỗi, hãy áp dụng hàm String (). Sự ép buộc ngầm được kích hoạt bởi toán tử binary +, khi bất kỳ toán hạng nào là một chuỗi:
String(123) // explicit
123 + '' // implicit
Tất cả các giá trị nguyên thủy được chuyển đổi thành chuỗi một cách tự nhiên như bạn có thể mong đợi:
String(123) // '123'
String(-12.3) // '-12.3'
String(null) // 'null'
String(undefined) // 'undefined'
String(true) // 'true'
String(false) // 'false'
Chuyển đổi biểu tượng là một chút phức tạp, bởi vì nó chỉ có thể được chuyển đổi một cách rõ ràng, nhưng không hoàn toàn.
String(Symbol('my symbol')) // 'Symbol(my symbol)'
'' + Symbol('my symbol') // TypeError is thrown
Chuyển đổi Boolean
Để chuyển đổi rõ ràng một giá trị thành một boolean, hãy áp dụng Boolean()hàm. Chuyển đổi ngầm định xảy ra trong ngữ cảnh logic hoặc được kích hoạt bởi các toán tử logic ( || && !).
Boolean(2) // explicit
if (2) { ... } // implicit due to logical context
!!2 // implicit due to logical operator
2 || 'hello' // implicit due to logical operator
Lưu ý: Các toán tử logic chẳng hạn như || and &&thực hiện chuyển đổi boolean trong nội bộ, nhưng thực sự trả về giá trị của các toán hạng ban đầu, ngay cả khi chúng không phải là boolean.
// returns number 123, instead of returning true
// 'hello' and 123 are still coerced to boolean internally to calculate the expression
let x = 'hello' && 123; // x === 123
Ngay khi chỉ có 2 kết quả có thể có của chuyển đổi boolean: true hoặc false, thì việc nhớ danh sách các giá trị sai sẽ dễ dàng hơn.
Boolean('') // false
Boolean(0) // false
Boolean(-0) // false
Boolean(NaN) // false
Boolean(null) // false
Boolean(undefined) // false
Boolean(false) // false
Bất kỳ giá trị mà không có trong danh sách được chuyển đổi sang true, bao gồm object, function, Array, Date, loại người dùng định nghĩa, và vân vân. Biểu tượng là giá trị trung thực. Đối tượng và mảng trống cũng là giá trị trung thực:
Boolean({}) // true
Boolean([]) // true
Boolean(Symbol()) // true
!!Symbol() // true
Boolean(function() {}) // true
Chuyển đổi số
Đối với một chuyển đổi rõ ràng, chỉ cần áp dụng Number()hàm, giống như bạn đã làm với Boolean()và String().
Chuyển đổi ngầm rất khó, bởi vì nó được kích hoạt trong nhiều trường hợp hơn:
toán tử so sánh (>, <, <=,> =)
toán tử bitwise (| & ^ ~)
toán tử số học (- + * /%). Lưu ý rằng binary + không kích hoạt chuyển đổi số, khi bất kỳ toán hạng nào là một chuỗi.
toán tử đơn phân +
toán tử bình đẳng lỏng lẻo == (incl.! =).
Lưu ý rằng == không kích hoạt chuyển đổi số khi cả hai toán hạng đều là chuỗi.
Number ('123') // tường minh + '123' // không tường minh 123! = '456' // ẩn 4> '5' // không tường minh 5 / null // không tường minh đúng | 0 // ẩn
Đây là cách các giá trị nguyên thủy được chuyển đổi thành số:
Number(null) // 0
Number(undefined) // NaN
Number(true) // 1
Number(false) // 0
Number(" 12 ") // 12
Number("-12.34") // -12.34
Number("\n") // 0
Number(" 12s ") // NaN
Number(123) // 123
(true == 1) => true/(true === 1) => false.