你必須知道的Javascript知識點之"字面量和對應類型"說明介紹
代碼示例:
var date1 = new Date(2013,1,1);
var date2 = new Date(2013,1,1);
date1 == date2; //執(zhí)行結果為false
date1 === date2; //執(zhí)行結果為false
var num1 = new Number(10);
var num2 = new Number(10);
num1 == num2; //執(zhí)行結果為false
num1 === num2; //執(zhí)行結果為false
num1 == 10; //執(zhí)行結果為true
10 == num2; //執(zhí)行結果為true
num1 === 10; //執(zhí)行結果為false
10 === num2; //執(zhí)行結果為false
之所以要寫這個主題,是因為日期類型的比較經(jīng)常會出現(xiàn)意想不到的錯誤,幾乎每個剛接觸javascript的開發(fā)人員都會遇到這個問題。
到底是為什么
規(guī)則1
javascript中一切都是對象(引用類型),除了這幾個類型的字面量(值類型):Boolean(如:true)、Number(如:100)、undefined、null。
規(guī)則2
引用類型之間用"=="或“===”做比較運算時,只要兩者不是指向同一份內(nèi)存地址,都會返回false。
代碼示例
var date1 = new Date(2013,1,1);
var date2 = new Date(2013,1,1);
date1 == date2; //執(zhí)行結果為false
date1 === date2; //執(zhí)行結果為false
圖片示意

規(guī)則3
引用類型和對應的值類型之間用“=="做比較運算時,會先進行類型轉換,然后進行比較。
代碼示例
var num1 = new Number(10);
var num2 = new Number(10);
num1 == 10; //執(zhí)行結果為true
10 == num2; //執(zhí)行結果為true
規(guī)則4引用類型和對應的值類型之間用“==="做比較運算時,始終返回false。
代碼示例
var num1 = new Number(10);
var num2 = new Number(10);
num1 === 10; //執(zhí)行結果為false
10 === num2; //執(zhí)行結果為false
特殊的String類型
string是特殊的引用類型,javascript解釋器遇到兩個一樣的字面量會未他們分配同一個內(nèi)存地址,javascript本身也保持值語義(一旦創(chuàng)建不能修改)。
代碼示例
var str1 = new String('hello');
var str2 = new String('hello');
var str3 = 'hello';
var str4 = 'hello';
str1 == str2 //指向結果為false
str1 === str2 //指向結果為false
str3 == str4 //指向結果為true
str3 === str4 //指向結果為true
str2 == str4 //指向結果為true
str2 === str4 //指向結果為false
圖片示意
值類型的內(nèi)存格局
代碼示例
1 var num1 = 1;2 var num2 = 1;
圖片示意
相關文章
js類型轉換與引用類型詳解(Boolean_Number_String)
本篇文章主要是對js中的類型轉換與引用類型(Boolean_Number_String)進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-03-03
JavaScript中通過prototype屬性共享屬性和方法的技巧實例
這篇文章主要介紹了JavaScript中通過prototype屬性共享屬性和方法的技巧實例,本文直接給出一個代碼實例,需要的朋友可以參考下2015-03-03
echarts柱狀堆疊圖實現(xiàn)示例(圖例和x軸都是動態(tài)的)
一些柱形圖在數(shù)據(jù)量比較多的時候,橫向排列受到擠壓,導致柱形圖,變的非常細,影響整體的效果,下面這篇文章主要給大家介紹了關于echarts柱狀堆疊圖(圖例和x軸都是動態(tài)的)的相關資料,需要的朋友可以參考下2023-04-04
BootStrap Table 設置height表頭與內(nèi)容無法對齊的問題
這篇文章主要介紹了BootStrap Table 設置height表頭與內(nèi)容無法對齊的問題,需要的朋友可以參考下2016-12-12

