国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

JS面試題大坑之隱式類型轉換實例代碼

來源:懂視網 責編:小采 時間:2020-11-27 22:06:12
文檔

JS面試題大坑之隱式類型轉換實例代碼

JS面試題大坑之隱式類型轉換實例代碼:1.1-隱式轉換介紹 在js中,當運算符在運算時,如果兩邊數據不統一,CPU就無法計算,這時我們編譯器會自動將運算符兩邊的數據做一個數據類型轉換,轉成一樣的數據類型再計算 這種無需程序員手動轉換,而由編譯器自動轉換的方式就稱為隱式轉換 例如1 >
推薦度:
導讀JS面試題大坑之隱式類型轉換實例代碼:1.1-隱式轉換介紹 在js中,當運算符在運算時,如果兩邊數據不統一,CPU就無法計算,這時我們編譯器會自動將運算符兩邊的數據做一個數據類型轉換,轉成一樣的數據類型再計算 這種無需程序員手動轉換,而由編譯器自動轉換的方式就稱為隱式轉換 例如1 >

1.1-隱式轉換介紹

在js中,當運算符在運算時,如果兩邊數據不統一,CPU就無法計算,這時我們編譯器會自動將運算符兩邊的數據做一個數據類型轉換,轉成一樣的數據類型再計算

這種無需程序員手動轉換,而由編譯器自動轉換的方式就稱為隱式轉換

例如1 > "0"這行代碼在js中并不會報錯,編譯器在運算符時會先把右邊的"0"轉成數字0`然后在比較大小

1.2-隱式轉換規則

轉成string類型: +(字符串連接符) 2..轉成number類型:++/--(自增自減運算符) + - * / %(算術運算符) > < >= <= == != === !=== (關系運算符)

 轉成boolean類型:!(邏輯非運算符)

1.3-坑一:字符串連接符與算術運算符隱式轉換規則混淆

• 常見面試題如下

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

• 原理分析

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

1.4-坑二:關系運算符:會把其他數據類型轉換成number之后再比較關系
常見面試題如下

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 : 當關系運算符兩邊有一邊是字符串的時候,會將其他數據類型使用Number()轉換,然后比較關系
 console.log ( "2" > 10 );//false Number('2') > 10 = 2 > 10 = false
 /*2.2: 當關系運算符兩邊都是字符串的時候,此時同時轉成number然后比較關系
 重點:此時并不是按照Number()的形式轉成數字,而是按照字符串對應的unicode編碼來轉成數字
 使用這個方法可以查看字符的unicode編碼: 字符串.charCodeAt(字符下標,默認為0)
 */
 console.log ( "2" > "10" );//true '2'.charCodeAt() > '10'.charCodeAt() = 50 > 49 = true
 console.log ( "2".charCodeAt () );//數字50
 console.log ( "10".charCodeAt () );//數字49(默認返回第一個字符的編碼,如果想要查詢第二個字符可以傳參下標)
 //多個字符從左往右依次比較
 console.log ( "abc" > "b" );//false 先比較'a' 和 'b', 'a' 與 'b'不等,則直接得出結果
 console.log ( "abc" > "aad" );//true 先比較'a'和'a',兩者相等,繼續比較第二個字符 'b' 與 'a' ,得出結果
 console.log ( "a".charCodeAt () );//數字97
 console.log ( "b".charCodeAt () );//數字98
 //2.3 特殊情況(無視規則):如果數據類型是undefined與null,,得出固定的結果
 console.log ( undefined == undefined );//true
 console.log ( undefined == null );//true
 console.log ( null == null );//true
 //2.4 特殊情況(無視規則):NaN與任何數據比較都是NaN
 console.log ( NaN == NaN );//false

1.5-坑三:復雜數據類型在隱式轉換時會先轉成String,然后再轉成Number運算

• 原理分析

js面試題大坑——隱式類型轉換

js面試題大坑——隱式類型轉換

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

1.6-坑四:邏輯非隱式轉換與關系運算符隱式轉換搞混淆

前方高能,請注意~

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

 常見面試題

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

• 原理分析

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

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

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

js面試題大坑——隱式類型轉換

js面試題大坑——隱式類型轉換

js面試題大坑——隱式類型轉換

總結

以上所述是小編給大家介紹的JS面試題大坑之隱式類型轉換實例代碼,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

JS面試題大坑之隱式類型轉換實例代碼

JS面試題大坑之隱式類型轉換實例代碼:1.1-隱式轉換介紹 在js中,當運算符在運算時,如果兩邊數據不統一,CPU就無法計算,這時我們編譯器會自動將運算符兩邊的數據做一個數據類型轉換,轉成一樣的數據類型再計算 這種無需程序員手動轉換,而由編譯器自動轉換的方式就稱為隱式轉換 例如1 >
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 亚洲 欧美 手机 在线观看 | 久久综合精品国产一区二区三区无 | 黄网站在线观看 | 香蕉国产精品 | 国产成人综合久久精品下载 | 天天做天天爱夜夜爽毛片毛片 | 国产欧美日韩va | 国产成人在线精品 | 亚洲v日韩v欧美在线观看 | 手机精品在线 | 在线观看视频一区 | 免费视频二区 | 亚洲第8页| 欧美一区二区在线观看 | 欧美高清视频在线 | 国产成人综合久久精品尤物 | 亚洲欧洲综合在线 | 亚洲欧美网站 | 日韩欧美理论 | 欧美日韩国产一区二区三区播放 | 国产成人精品日本亚洲语音2 | 亚洲一区中文字幕在线观看 | 日本伊人网 | 国产原创一区 | 欧美日韩综合网 | 久久国产精品一区二区 | 欧美精品啪啪 | 亚洲国产精品二区久久 | 一级毛片免费毛片毛片 | 国产成人精品视频在放 | 天天躁日日躁狠狠躁中文字幕老牛 | 精品一区二区三区免费视频 | 久久一区二区三区精品 | 国产精品路线1路线2路线 | 特级一级全黄毛片免费 | 国产99在线播放 | 亚洲欧美日本在线 | 在线亚洲欧美日韩 | 中文字幕第七页 | 久久精品亚洲一区二区 | 国产成人深夜福利短视频99 |