JavaScript隱式類型轉換
來源:易賢網 閱讀:754 次 日期:2016-07-20 15:08:01
溫馨提示:易賢網小編為您整理了“JavaScript隱式類型轉換”,方便廣大網友查閱!

JavaScript的數據類型是非常弱的(不然不會叫它做弱類型語言了)!在使用算術運算符時,運算符兩邊的數據類型可以是任意的,比如,一個字符串可以和數字相加。之所以不同的數據類型之間可以做運算,是因為JavaScript引擎在運算之前會悄悄的把他們進行了隱式類型轉換的,如下是數值類型和布爾類型的相加:

代碼如下:

3 + true; // 4

結果是一個數值型!如果是在C或者Java環境的話,上面的運算肯定會因為運算符兩邊的數據類型不一致而導致報錯的!但是,在JavaScript中,只有少數情況下,錯誤類型才會導致出錯,比如調用非函數,或者讀取null或者undefined的屬性時,如下:

代碼如下:

"hello"(1); // error: not a function

null.x; // error: cannot read property 'x' of null

多數情況下,JavaScript都不會出錯的,而是自動的進行相應的類型轉換。比如-, *, /,和%等算術運算符都會把操作數轉換成數字的,但是“+”號就有點不一樣了,有些情況下,它是算術加號,有些情況下,是字符串連接符號,具體的要看它的操作數,如下:

代碼如下:

2 + 3; // 5

"hello" + " world"; // "hello world"

但是,如果字符串和數字相加,會是怎樣的結果呢?JavaScript會自動把數字轉換成字符的,不管數字在前還是字符串在前,如下:

代碼如下:

"2" + 3; // "23"

2 + "3"; // "23"

字符串和數字相加結果是字符串,字符串和數字相加結果是字符串,字符串和數字相加結果是字符串,重要的事情說三遍?。。。。?!

此外,需要注意的是,“+”的運算方向是從左到右的,如下:

代碼如下:

1 + 2 + "3"; // "33"

這與下面是等價的:

代碼如下:

(1 + 2) + "3"; // "33"

相比之下,下面的結果是不一樣的:

代碼如下:

1 + "2" + 3; // "123"

但是,隱式類型轉換,有時候,會隱藏一些錯誤的,比如,null會轉換成0,undefined會轉換成NaN。需要注意的是,NaN和NaN是不相等的(這是由于浮點數的精度決定的),如下:

代碼如下:

var x = NaN;

x === NaN; // false

雖然,JavaScript提供了isNaN來檢測某個值是否為NaN,但是,這也不太精確的,因為,在調用isNaN函數之前,本身就存在了一個隱式轉換的過程,它會把那些原本不是NaN的值轉換成NaN的,如下:

代碼如下:

isNaN("foo"); // true

isNaN(undefined); // true

isNaN({}); // true

isNaN({ valueOf: "foo" }); // true

上面代碼,我們使用isNaN來測試后,發現字符串,undefined,甚至對象,結果都返回真?。?!但是,我們總不能說他們也是NaN吧?總而言之,得出的結論是:isNaN檢測NaN并不可靠?。。?/P>

幸運的是,有一種可靠的并且準確的方法可以檢測NaN。我們都知道,只有NaN是自己不等自己的,那么,我們就以使用不等于號(!==)來判斷一個數是否等于自身,從而,可以檢測到NaN了,如下:

var a = NaN;

a !== a; // true

var b = "foo";

b !== b; // false

var c = undefined;

c !== c; // false

var d = {};

d !== d; // false

var e = { valueOf: "foo" };

e !== e; // false

我們也可以把這種模式定義成一個函數,如下:

function isReallyNaN(x) {

return x !== x;

}

OK,NaN的檢測方法就是這么簡單,我們下面繼續討論對象的隱式轉換!

對象是可以轉換成原始值的,最常見的方法就是把它轉換成字符串,如下:

"the Math object: " + Math; // "the Math object: [object Math]"

"the JSON object: " + JSON; // "the JSON object: [object JSON]"

對象轉換成字符串是調用了他的toSting函數的,你可以手動的調用它來檢測一下:

Math.toString(); // "[object Math]"

JSON.toString(); // "[object JSON]"

類似的,對象也是可以轉換成數字的,他是通過valueOf函數的,當然,你也是可以自定義這個valueOf函數的,如下:

"J" + { toString: function() { return "S"; } }; // "JS"

2 * { valueOf: function() { return 3; } }; // 6

如果,一個對象同時存在valueOf方法和toString方法,那么,valueOf方法總是會被優先調用的,如下:

var obj = {

toString: function() {

return "[object MyObject]";

},

valueOf: function() {

return 17;

}

};

"object: " + obj; // "object: 17"

但是,多數情況下,這都不是我們想要的,一般的,盡可能使valueOf和toString表示的值相同(盡管類型可以不同)。

最后一種強制類型轉換,我們常常稱之為“真值運算”,比如,if, ||, &&,他們的操作數不一定是布爾型的額。JavaScript會通過簡單的轉換規則,將一些非布爾類型的值轉換成布爾型的。大多數的值都會轉換成true,只有少數的是false,他們分別是:false, 0, -0, ”", NaN, null, undefined,因為存在數字和字符串以及對象的值為false,所以,直接用真值轉換來判斷一個函數的參數是否傳進來了,這是不不太安全的。比如,有一個可以具有默認值得可選參數的函數,如下:

function point(x, y) {

if (!x) {

x = 320;

}

if (!y) {

y = 240;

}

return { x: x, y: y };

}

這個函數會忽略任何的真值為假的參數的,包括0,-0;

代碼如下:

point(0, 0); // { x: 320, y: 240 }

檢測undefined的更加準確的方法是用typeof操作:

function point(x, y) {

if (typeof x === "undefined") {

x = 320;

}

if (typeof y === "undefined") {

y = 240;

}

return { x: x, y: y };

}

這種寫法,可以區分開0和undefined的:

point(); // { x: 320, y: 240 }

point(0, 0); // { x: 0, y: 0 }

另外一種方法是利用參數跟undefined作比較,如下:

if (x === undefined) { ... }

總結:

1. 類型錯誤有可能會被類型轉換所隱藏。

2. “+”既可以表示字符串連接,又可以表示算術加,這取決于它的操作數,如果有一個為字符串的,那么,就是字符串連接了。

3. 對象通過valueOf方法,把自己轉換成數字,通過toString方法,把自己轉換成字符串。

4.具有valueOf方法的對象,應該定義一個相應的toString方法,用來返回相等的數字的字符串形式。

5.檢測一些未定義的變量時,應該使用typeOf或者與undefined作比較,而不應該直接用真值運算。

關于JavaScript隱式類型轉換就給大家介紹到這里,希望對大家有所幫助!

更多信息請查看網絡編程
易賢網手機網站地址:JavaScript隱式類型轉換
由于各方面情況的不斷調整與變化,易賢網提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢為準!

2026國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
云南網警備案專用圖標
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網
云南網警報警專用圖標
未满十八18勿进黄网站免费看