最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS面試題大坑之隱式類(lèi)型轉(zhuǎn)換實(shí)例代碼

 更新時(shí)間:2018年10月14日 11:32:44   作者:傳智播客官方博客  
這篇文章主要介紹了JS面試題大坑之隱式類(lèi)型轉(zhuǎn)換實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

1.1-隱式轉(zhuǎn)換介紹

在js中,當(dāng)運(yùn)算符在運(yùn)算時(shí),如果兩邊數(shù)據(jù)不統(tǒng)一,CPU就無(wú)法計(jì)算,這時(shí)我們編譯器會(huì)自動(dòng)將運(yùn)算符兩邊的數(shù)據(jù)做一個(gè)數(shù)據(jù)類(lèi)型轉(zhuǎn)換,轉(zhuǎn)成一樣的數(shù)據(jù)類(lèi)型再計(jì)算

這種無(wú)需程序員手動(dòng)轉(zhuǎn)換,而由編譯器自動(dòng)轉(zhuǎn)換的方式就稱(chēng)為隱式轉(zhuǎn)換

例如1 > "0"這行代碼在js中并不會(huì)報(bào)錯(cuò),編譯器在運(yùn)算符時(shí)會(huì)先把右邊的"0"轉(zhuǎn)成數(shù)字0`然后在比較大小

1.2-隱式轉(zhuǎn)換規(guī)則

轉(zhuǎn)成string類(lèi)型: +(字符串連接符) 2..轉(zhuǎn)成number類(lèi)型:++/--(自增自減運(yùn)算符) + - * / %(算術(shù)運(yùn)算符) > < >= <= == != === !=== (關(guān)系運(yùn)算符)

 轉(zhuǎn)成boolean類(lèi)型:!(邏輯非運(yùn)算符)

1.3-坑一:字符串連接符與算術(shù)運(yùn)算符隱式轉(zhuǎn)換規(guī)則混淆

• 常見(jiàn)面試題如下

console.log ( 1 + "true" );// ‘1true‘'
 console.log ( 1 + true );//2
 console.log ( 1 + undefined );// NaN
 console.log ( 1 + null );//1

• 原理分析

/*此類(lèi)問(wèn)題的坑: 將字符串連接符(+ : 只要+號(hào)兩邊有一邊是字符串)與算術(shù)運(yùn)算符(+:兩邊都是數(shù)字)的隱式轉(zhuǎn)換搞混淆
 1.字符串連接符+:會(huì)把其他數(shù)據(jù)類(lèi)型調(diào)用String()方法轉(zhuǎn)成字符串然后拼接
 2.算術(shù)運(yùn)算符+ :會(huì)把其他數(shù)據(jù)類(lèi)型調(diào)用Number()方法轉(zhuǎn)成數(shù)字然后做加法計(jì)算
 */
 //+是字符串連接符: String(1) + 'true' = '1true'
 console.log ( 1 + "true" );//1true
 //+是算術(shù)運(yùn)算符 : 1 + Number(true) = 1 + 1 = 2
 console.log ( 1 + true );//2
 // +是算術(shù)運(yùn)算符 : 1 + Number(undefined) = 1 + NaN = NaN
 console.log ( 1 + undefined );// NaN
 // +是算術(shù)運(yùn)算符 : 1 + Number(null) = 1 + 0 = 1
 console.log ( 1 + null );//1

1.4-坑二:關(guān)系運(yùn)算符:會(huì)把其他數(shù)據(jù)類(lèi)型轉(zhuǎn)換成number之后再比較關(guān)系
常見(jiàn)面試題如下

console.log ( "2" > 10 );//false 
console.log ( "2" > "10" );//true 
console.log ( "abc" > "b" );//false
console.log ( "abc" > "aad" );//true 
console.log ( NaN == NaN );//false
console.log ( undefined == null );//true

• 原理分析

//2.1 : 當(dāng)關(guān)系運(yùn)算符兩邊有一邊是字符串的時(shí)候,會(huì)將其他數(shù)據(jù)類(lèi)型使用Number()轉(zhuǎn)換,然后比較關(guān)系
 console.log ( "2" > 10 );//false Number('2') > 10 =   2 > 10   =  false
 /*2.2: 當(dāng)關(guān)系運(yùn)算符兩邊都是字符串的時(shí)候,此時(shí)同時(shí)轉(zhuǎn)成number然后比較關(guān)系
 重點(diǎn):此時(shí)并不是按照Number()的形式轉(zhuǎn)成數(shù)字,而是按照字符串對(duì)應(yīng)的unicode編碼來(lái)轉(zhuǎn)成數(shù)字
 使用這個(gè)方法可以查看字符的unicode編碼: 字符串.charCodeAt(字符下標(biāo),默認(rèn)為0)
 */
 console.log ( "2" > "10" );//true  '2'.charCodeAt() > '10'.charCodeAt() = 50 > 49 = true
 console.log ( "2".charCodeAt () );//數(shù)字50
 console.log ( "10".charCodeAt () );//數(shù)字49(默認(rèn)返回第一個(gè)字符的編碼,如果想要查詢(xún)第二個(gè)字符可以傳參下標(biāo))
 //多個(gè)字符從左往右依次比較
 console.log ( "abc" > "b" );//false  先比較'a' 和 'b', 'a' 與 'b'不等,則直接得出結(jié)果
 console.log ( "abc" > "aad" );//true  先比較'a'和'a',兩者相等,繼續(xù)比較第二個(gè)字符 'b' 與 'a' ,得出結(jié)果
 console.log ( "a".charCodeAt () );//數(shù)字97
 console.log ( "b".charCodeAt () );//數(shù)字98
 //2.3 特殊情況(無(wú)視規(guī)則):如果數(shù)據(jù)類(lèi)型是undefined與null,,得出固定的結(jié)果
 console.log ( undefined == undefined );//true
 console.log ( undefined == null );//true
 console.log ( null == null );//true
 //2.4 特殊情況(無(wú)視規(guī)則):NaN與任何數(shù)據(jù)比較都是NaN
 console.log ( NaN == NaN );//false

1.5-坑三:復(fù)雜數(shù)據(jù)類(lèi)型在隱式轉(zhuǎn)換時(shí)會(huì)先轉(zhuǎn)成String,然后再轉(zhuǎn)成Number運(yùn)算

• 原理分析

js面試題大坑——隱式類(lèi)型轉(zhuǎn)換

js面試題大坑——隱式類(lèi)型轉(zhuǎn)換

 /*復(fù)雜數(shù)據(jù)類(lèi)型轉(zhuǎn)number順序如下
 1.先使用valueOf()方法獲取其原始值,如果原始值不是number類(lèi)型,則使用 toString()方法轉(zhuǎn)成string
 2.再將string轉(zhuǎn)成number運(yùn)算
 */
 console.log ( [ 1,2] == '1,2' );//true  先將左邊數(shù)組轉(zhuǎn)成string,然后右邊也是string則轉(zhuǎn)成unicode編碼運(yùn)算
 console.log ( [ 1, 2 ].valueOf () );// [1,2]
 console.log ( [ 1, 2 ].toString () );// '1,2'
 var a = {};
 console.log ( a == "[object Object]" );//true
 console.log ( a.valueOf ().toString() );//[object Object]
/*分析:邏輯與運(yùn)算一假則假,要想if分支語(yǔ)句小括號(hào)條件成立,則必須要讓a的值同時(shí)等于1 且 等于 2 且等于3
 乍看之下,好像根本不可能實(shí)現(xiàn),但是復(fù)雜數(shù)據(jù)類(lèi)型會(huì)先調(diào)用valueOf()方法,然后轉(zhuǎn)成number運(yùn)算
 而對(duì)象的valueOf()方法是可以重寫(xiě)的
 */
 var a = {
  i : 0,//聲明一個(gè)屬性i
  valueOf:function ( ) {
   return ++a.i;//每調(diào)用一次,讓對(duì)象a的i屬性自增一次并且返回
  }
 }
 if (a == 1 && a == 2 && a == 3){//每一次運(yùn)算時(shí)都會(huì)調(diào)用一次a的valueOf()方法
  console.log ( "1" );
 }

1.6-坑四:邏輯非隱式轉(zhuǎn)換與關(guān)系運(yùn)算符隱式轉(zhuǎn)換搞混淆

前方高能,請(qǐng)注意~

空數(shù)組的toString()方法會(huì)得到空字符串,而空對(duì)象的toString()方法會(huì)得到字符串`[object Object]` (注意第一個(gè)小寫(xiě)o,第二個(gè)大寫(xiě)O喲)

 常見(jiàn)面試題

//大坑
console.log ( [] == 0 );//true
console.log ( ! [] == 0 );//true
//神坑
console.log ( [] == ! [] );//true
console.log ( [] == [] );//false
//史詩(shī)級(jí)坑
console.log({} == !{});//false
console.log({} == {});//false

• 原理分析

/*1.關(guān)系運(yùn)算符:將其他數(shù)據(jù)類(lèi)型轉(zhuǎn)成數(shù)字
2.邏輯非:將其他數(shù)據(jù)類(lèi)型使用Boolean()轉(zhuǎn)成布爾類(lèi)型
  * 以下八種情況轉(zhuǎn)換為布爾類(lèi)型會(huì)得到false
   * 0 、-0、NaN、undefined、null、''(空字符串)、false、document.all()
  * 除以上八種情況之外所有數(shù)據(jù)都會(huì)得到true
 */
 /*原理 
 (1)[].valueOf().toString() 得到空字符串
 (2)Number('') == 0 成立
 */
 console.log ( [] == 0 );//true
 /* 原理 :本質(zhì)是 `![]` 邏輯非表達(dá)式結(jié)果 與 0 比較關(guān)系
  (1)邏輯非優(yōu)先級(jí)高于關(guān)系運(yùn)算符 ![] = false (空數(shù)組轉(zhuǎn)布爾得到true,然后取反得到false)
  (2)false == 0 成立
 */
 console.log ( ! [] == 0 );//true

/*原理 :本質(zhì)其實(shí)是 `空對(duì)象{}` 與 `!{}` 這個(gè)邏輯非表達(dá)式結(jié)果做比較
 (1) {}.valueOf().toString() 得到字符串 '[object Object]'
  (2) !{} = false
  (3) Number('[object Object]') == Number(false)
 */
 console.log({} == !{});//false
 //引用類(lèi)型數(shù)據(jù)存在堆中,棧中存儲(chǔ)的是地址,所以他們的結(jié)果是false
 console.log({} == {});//false
 /*原理:本質(zhì)是 `空數(shù)組[]` 與 `![]` 這個(gè)邏輯非表達(dá)式結(jié)果做比較
 (1) [].valueOf().toString() 得到空字符串 ''
 (2) ![] = false
 (3) Number('') == Number(false) 成立 都是0
 */
 console.log ( [] == ! [] );//true
 //引用類(lèi)型數(shù)據(jù)存在堆中,棧中存儲(chǔ)的是地址,所以他們的結(jié)果是false
 console.log ( [] == [] );//false

 console.log ( {}.valueOf ().toString () )//[object Object]
 console.log ( [].valueOf ().toString () );//'' 空字符串

js面試題大坑——隱式類(lèi)型轉(zhuǎn)換

js面試題大坑——隱式類(lèi)型轉(zhuǎn)換

js面試題大坑——隱式類(lèi)型轉(zhuǎn)換

總結(jié)

以上所述是小編給大家介紹的JS面試題大坑之隱式類(lèi)型轉(zhuǎn)換實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!

相關(guān)文章

  • 微信小程序?qū)崿F(xiàn)時(shí)間軸特效

    微信小程序?qū)崿F(xiàn)時(shí)間軸特效

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)時(shí)間軸特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-05-05
  • JavaScript 用Node.js寫(xiě)Shell腳本[譯]

    JavaScript 用Node.js寫(xiě)Shell腳本[譯]

    你懂JavaScript嗎?你需要寫(xiě)一個(gè)Shell腳本嗎?那么你應(yīng)該試一下Node.js,它很容易安裝,而且很適合通過(guò)寫(xiě)Shell腳本來(lái)學(xué)習(xí)它
    2012-09-09
  • 詳解js獲取video任意時(shí)間的畫(huà)面截圖

    詳解js獲取video任意時(shí)間的畫(huà)面截圖

    這篇文章主要介紹了js獲取video任意時(shí)間的畫(huà)面截圖,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • 圍觀tangram js庫(kù)

    圍觀tangram js庫(kù)

    Tangram開(kāi)源將近一周,持續(xù)圍觀了幾天。寫(xiě)一個(gè)簡(jiǎn)單的圍觀筆記吧。
    2010-12-12
  • nodejs實(shí)用示例 縮址還原

    nodejs實(shí)用示例 縮址還原

    nodejs最近好紅火,我也趁寒冷天氣在nodejs的火爐邊取暖一下。縮址還原實(shí)現(xiàn)代碼。
    2010-12-12
  • 使用微信小程序開(kāi)發(fā)彈出框應(yīng)用實(shí)例詳解

    使用微信小程序開(kāi)發(fā)彈出框應(yīng)用實(shí)例詳解

    本文通過(guò)實(shí)例代碼給大家介紹了使用微信小程序開(kāi)發(fā)彈出框功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-10-10
  • ES6的異步終極解決方案分享

    ES6的異步終極解決方案分享

    這篇文章主要給大家介紹了關(guān)于ES6的異步終極解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用ES6具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • 如何在一個(gè)頁(yè)面顯示多個(gè)百度地圖

    如何在一個(gè)頁(yè)面顯示多個(gè)百度地圖

    經(jīng)常有人問(wèn),百度地圖JavaScript API能在同一頁(yè)面顯示多個(gè)地圖嗎?當(dāng)然可以啊,為什么不可以呢?地圖之于頁(yè)面無(wú)非就是個(gè)div,我們可以在頁(yè)面顯示多個(gè)div,自然也可以顯示多個(gè)地圖。
    2013-04-04
  • 輸入密碼時(shí)檢測(cè)大寫(xiě)是否鎖定的js代碼

    輸入密碼時(shí)檢測(cè)大寫(xiě)是否鎖定的js代碼

    網(wǎng)站登錄為了更好的用戶(hù)體驗(yàn)都會(huì)在輸入密碼的時(shí)候檢測(cè)是否開(kāi)啟大寫(xiě)。提醒用戶(hù)。
    2011-02-02
  • 用javascript實(shí)現(xiàn)鼠標(biāo)框選

    用javascript實(shí)現(xiàn)鼠標(biāo)框選

    用javascript實(shí)現(xiàn)鼠標(biāo)框選...
    2007-05-05

最新評(píng)論

东辽县| 河西区| 京山县| 清苑县| 章丘市| 云梦县| 乳山市| 都匀市| 田阳县| 麦盖提县| 彩票| 吉隆县| 资中县| 罗城| 娄烦县| 吴忠市| 恩施市| 长宁区| 乌恰县| 独山县| 桦甸市| 长寿区| 杭州市| 洱源县| 梅河口市| 吴旗县| 洪雅县| 侯马市| 县级市| 秦皇岛市| 汶川县| 鄂托克旗| 嵩明县| 天气| 晴隆县| 赤城县| 广德县| 盐边县| 合阳县| 桐乡市| 泰州市|