千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > JavaScript中如何進行隱式類型轉換?

JavaScript中如何進行隱式類型轉換?

來源:千鋒教育
發布人:wjy
時間: 2022-10-09 17:49:42 1665308982

  首先要介紹ToPrimitive方法,這是 JavaScript 中每個值隱含的自帶的方法,用來將值 (無論是基本類型值還是對象)轉換為基本類型值。如果值為基本類型,則直接返回值本身;如果值為對象,其看起來大概是這樣:

JavaScript中如何進行隱式類型轉換1

  type的值為number或者string。

  1. 當type為number時規則如下:

  調用obj的valueOf方法,如果為原始值,則返回,否則下一步;調用obj的toString方法,后續同上;拋出TypeError 異常。

  2. 當type為string時規則如下:

  調用obj的toString方法,如果為原始值,則返回,否則下一步;調用obj的valueOf方法,后續同上;拋出TypeError 異常。

  可以看出兩者的主要區別在于調用toString和valueOf的先后順序。默認情況下:

  如果對象為 Date 對象,則type默認為string;其他情況下,type默認為number。

  總結上面的規則,對于 Date 以外的對象,轉換為基本類型的大概規則可以概括為一個函數:

JavaScript中如何進行隱式類型轉換2

  而 JavaScript 中的隱式類型轉換主要發生在+、-、*、/以及==、>、<這些運算符之間。而這些運算符只能操作基本類型值,所以在進行這些運算前的第一步就是將兩邊的值用ToPrimitive轉換成基本類型,再進行操作。

  以下是基本類型的值在不同操作符的情況下隱式轉換的規則 (對于對象,其會被ToPrimitive轉換成基本類型,所以最終還是要應用基本類型轉換規則):

  1. +操作符 +操作符的兩邊有至少一個string類型變量時,兩邊的變量都會被隱式轉換為字符串;其他情況下兩邊的變量都會被轉換為數字。

JavaScript中如何進行隱式類型轉換3

  2. -、*、\操作符

  NaN也是一個數字

JavaScript中如何進行隱式類型轉換4

  3. 對于==操作符

  操作符兩邊的值都盡量轉成number:

JavaScript中如何進行隱式類型轉換5

  4. 對于<和>比較符

  如果兩邊都是字符串,則比較字母表順序:

JavaScript中如何進行隱式類型轉換6

  其他情況下,轉換為數字再比較:

JavaScript中如何進行隱式類型轉換7

  以上說的是基本類型的隱式轉換,而對象會被ToPrimitive轉換為基本類型再進行轉換:

JavaScript中如何進行隱式類型轉換8

  其對比過程如下:

JavaScript中如何進行隱式類型轉換9

  又比如:

JavaScript中如何進行隱式類型轉換10

  運算過程如下:

JavaScript中如何進行隱式類型轉換11

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
久久亚洲中文字幕精品一区四,亚洲日本另类欧美一区二区,久久久久久久这里只有免费费精品,高清国产激情视频在线观看
一本久久a久久免费不卡 | 欧美韩国日本国产v | 综合福利久久一级免费 | 日韩精品一区二区三区影院 | 亚洲最新精品视频在线观看 | 亚洲天堂一区二区三区 |