Tür zorlaması , değeri bir türden diğerine dönüştürme işlemidir (dizeden sayıya, nesneden mantıksal değere vb.). İster ilkel ister nesne olsun herhangi bir tür, tür zorlaması için geçerli bir konudur. Hatırlamak gerekirse, ilkeller şunlardır: sayı, dize, boole, null, tanımsız + Sembol (ES6'da eklenmiştir).
Örtük ve açık zorlama
Tür zorlama açık ve örtük olabilir.
Bir geliştirici, uygun kodu yazarak türler arasında dönüştürme yapma niyetini ifade ettiğinde Number(value), buna açık tür zorlama (veya tür dönüştürme) denir.
JavaScript zayıf yazılmış bir dil olduğundan, değerler farklı türler arasında otomatik olarak dönüştürülebilir ve buna örtük tür zorlaması denir. Eğer farklı tipte gibi değerlerine operatörleri uyguladığınızda Genellikle olur
1 == null, 2/’5', null + new Date(), ya da olduğu gibi, çevredeki bağlamda tarafından tetiklenebilir if (value) {…}değeri boolean zorla nerede.
Örtük tür zorlamasını tetiklemeyen bir ===operatör, katı eşitlik operatörü olarak adlandırılan operatördür. ==Öte yandan gevşek eşitlik operatörü , gerekirse hem karşılaştırma hem de tür zorlaması yapar.
Örtülü tip zorlama çift kenarlı bir kılıçtır: büyük bir hayal kırıklığı ve kusur kaynağıdır, ancak aynı zamanda okunabilirliği kaybetmeden daha az kod yazmamızı sağlayan kullanışlı bir mekanizmadır.
Üç tür dönüşüm Bilinmesi
gereken ilk kural, JavaScript'te yalnızca üç tür dönüşüm olduğudur:
- dizeye
- Boolean'a
- numaraya
İkinci olarak, ilkeller ve nesneler için dönüştürme mantığı farklı çalışır, ancak hem ilkel öğeler hem de nesneler yalnızca bu üç şekilde dönüştürülebilir.
Önce ilkellerle başlayalım.
Dize dönüşümü
Değerleri açıkça bir dizeye dönüştürmek için String () işlevini uygulayın. Herhangi bir işlenen bir dizge olduğunda, örtülü zorlama ikili + operatörü tarafından tetiklenir:
String(123) // explicit
123 + '' // implicit
Tüm ilkel değerler, beklediğiniz gibi doğal olarak dizelere dönüştürülür:
String(123) // '123'
String(-12.3) // '-12.3'
String(null) // 'null'
String(undefined) // 'undefined'
String(true) // 'true'
String(false) // 'false'
Sembol dönüşümü biraz zordur çünkü yalnızca açıkça dönüştürülebilir, ancak dolaylı olarak dönüştürülemez.
String(Symbol('my symbol')) // 'Symbol(my symbol)'
'' + Symbol('my symbol') // TypeError is thrown
Boole dönüşümü
Bir değeri açıkça boolean'a dönüştürmek için Boolean()işlevi uygulayın . Örtük dönüştürme mantıksal bağlamda gerçekleşir veya mantıksal operatörler ( || && !) tarafından tetiklenir .
Boolean(2) // explicit
if (2) { ... } // implicit due to logical context
!!2 // implicit due to logical operator
2 || 'hello' // implicit due to logical operator
Not:|| and && Boole dönüşümlerini dahili olarak yapmak gibi mantıksal operatörler , ancak aslında boole olmasalar bile orijinal işlenenlerin değerini döndürür.
// 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
Boole dönüşümünün yalnızca 2 olası sonucu olur olmaz: doğru veya yanlış, yanlış değerlerin listesini hatırlamak daha kolaydır.
Boolean('') // false
Boolean(0) // false
Boolean(-0) // false
Boolean(NaN) // false
Boolean(null) // false
Boolean(undefined) // false
Boolean(false) // false
Listesinde olmayan herhangi bir değer dönüştürülür truedahil object, function, Array, Date, kullanıcı tanımlı türü ve benzeri. Semboller doğru değerlerdir. Boş nesne ve diziler de doğru değerlerdir:
Boolean({}) // true
Boolean([]) // true
Boolean(Symbol()) // true
!!Symbol() // true
Boolean(function() {}) // true
Sayısal dönüşüm
Açık bir dönüşüm için, Number()işlevi Boolean()ve ile yaptığınız gibi uygulayın String().
Örtük dönüştürme aldatıcıdır, çünkü daha fazla durumda tetiklenir:
karşılaştırma operatörleri (>, <, <=,> =)
bitsel operatörler (| & ^ ~)
aritmetik operatörler (- + * /%). Herhangi bir işlenen bir dizge olduğunda ikili + 'nın sayısal dönüşümü tetiklemediğini unutmayın.
tekli + operatör
gevşek eşitlik operatörü == (dahil! =).
Her iki işlenen de dize olduğunda == işlevinin sayısal dönüşümü tetiklemediğini unutmayın.
Sayı ('123') // açık + '123' // örtük 123! = '456' // örtük 4> '5' // örtük 5 / null // örtük doğru | 0 // örtük
İlkel değerlerin sayılara nasıl dönüştürüldüğü aşağıda açıklanmıştır:
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.