欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript基礎(chǔ)教程之比較null和undefined值

 更新時(shí)間:2016年05月16日 11:41:09   作者:Luka.Ye  
這篇文章主要介紹了Javascript基礎(chǔ)教程之比較null和undefined值的相關(guān)知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧

JavaScript 中有兩個(gè)特?cái)?shù)值: undefined和null,在比較它們的時(shí)候需要留心。在讀取未賦值的變量或試圖讀取對(duì)象沒(méi)有的屬性時(shí)得到的就是 undefined 值。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Learn4UndefinedAndNull</title>
</head>
<body>
<script>
var myData = {
name:"Luka",
weather:"sunny"
};
document.writeln("Prop: "+myData.doesntexits);
</script>
</body>
</html> 

輸出結(jié)果:

Prop: undefined

Javascript 又定義了一個(gè)特殊值 null ,這個(gè)值與 undefined 略有不同。后者是在未定義值得情況下得到的值,而前者則用于表示已經(jīng)賦了一個(gè)值但該值不是一個(gè)有效的 object、string、number 或 boolean 值(也就是說(shuō)所定義的是一個(gè)無(wú)值[no value])。

下面代碼先后使用 undefined 和 null 以展示其不同效果:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Learn4UndefinedAndNull</title>
</head>
<body>
<script>
var myData = {
name:"Luka"
};
//讀取 weather 屬性
document.writeln("Var: "+myData.weather+"<br />");
//判斷對(duì)象是否具有 weather 這個(gè)屬性
document.writeln("Prop: "+("weather" in myData)+"<br /><br />");
myData.weather = "sunny";
document.writeln("Var: "+myData.weather+"<br />");
document.writeln("Prop: "+("weather" in myData)+"<br /><br />");
myData.weather = null;
document.writeln("Var: "+myData.weather+"<br />");
document.writeln("Prop: "+("weather" in myData)+"<br /><br />");
</script>
</body>
</html> 

輸出結(jié)果:

Var: undefined
Prop: false
Var: sunny
Prop: true
Var: null
Prop: true

1. 檢查變量或?qū)傩允欠駷閡ndefined 或 null

如果想檢查某屬性是否為 null 或 undefined(不管是哪一個(gè)),那么只要使用 if 語(yǔ)句和邏輯非運(yùn)算符(!)即可。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Learn4UndefinedAndNull</title>
</head>
<body>
<script>
var myData = {
name:"Luka",
city:null
};
if(!myData.name){
document.writeln("name is null or undefined <br /><br />");
}else {
document.writeln("name is not null or undefined <br /><br />")
}
if(!myData.city){
document.writeln("city is null or undefined <br /><br />");
}else {
document.writeln("city is not null or undefined <br /><br />")
}
if(!myData.weather){
document.writeln("weather is null or undefined <br /><br />");
}else {
document.writeln("weather is not null or undefined <br /><br />")
}
</script>
</body>
</html> 

輸出結(jié)果:

name is not null or undefined
city is null or undefined
weather is null or undefined

2. 區(qū)分 null 和 undefined

在比較兩個(gè)值時(shí),所用辦法應(yīng)視需要而定。如果想同等對(duì)待 undefined值和null值,那么應(yīng)該使用相等運(yùn)算符(==),讓 Javascript 進(jìn)行類型轉(zhuǎn)換。此時(shí)值為 undefined 的變量會(huì)被認(rèn)為與值為 null 的變量相等。如果要區(qū)分 null 和 undefined,則應(yīng)使用等同運(yùn)算符(===)。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Learn4UndefinedAndNull</title>
</head>
<body>
<script>
var firstVal = null;
var secondVal;
var equality = firstVal == secondVal;
var identity = firstVal === secondVal;
document.writeln("Equality: "+equality+" <br />");
document.writeln("Identity: "+identity+" <br />");
</script>
</body>
</html> 

輸出結(jié)果:

Equality: true
Identity: false

以上內(nèi)容是小編給大家介紹的js基礎(chǔ)教程之比較null和undefined值的相關(guān)知識(shí),希望對(duì)大家有所幫助!

相關(guān)文章

  • JavaScript遍歷數(shù)組的三種方法map、forEach與filter實(shí)例詳解

    JavaScript遍歷數(shù)組的三種方法map、forEach與filter實(shí)例詳解

    這篇文章主要介紹了JavaScript遍歷數(shù)組的三種方法map、forEach與filter,結(jié)合實(shí)例形式詳細(xì)分析了javascript針對(duì)數(shù)組遍歷的map、forEach與filter三種方法相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
    2019-02-02
  • js 發(fā)布訂閱模式的實(shí)例講解

    js 發(fā)布訂閱模式的實(shí)例講解

    下面小編就為大家?guī)?lái)一篇js 發(fā)布訂閱模式的實(shí)例講解。小編覺得挺不錯(cuò)的,現(xiàn)在就想給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-09-09
  • TypeScript中的方法重載詳解

    TypeScript中的方法重載詳解

    這篇文章主要給大家介紹了關(guān)于TypeScript中方法重載的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用TypeScript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • JavaScript必看的10道面試題總結(jié)(推薦)

    JavaScript必看的10道面試題總結(jié)(推薦)

    JavaScript 已經(jīng)成為全棧開發(fā)技能的基石,在全棧開發(fā)面試中都會(huì)不可避免地涉及到與 JavaScript 有關(guān)的問(wèn)題。這篇文章主要給大家介紹了關(guān)于JavaScript必看的10道面試題,需要的朋友可以參考下
    2021-05-05
  • 取得傳值的函數(shù)

    取得傳值的函數(shù)

    取得傳值的函數(shù)...
    2006-10-10
  • 彪哥1.1(智能表格)提供下載

    彪哥1.1(智能表格)提供下載

    彪哥1.1(智能表格)提供下載...
    2006-09-09
  • Javascript的無(wú)new構(gòu)建實(shí)例詳解

    Javascript的無(wú)new構(gòu)建實(shí)例詳解

    這篇文章主要介紹了Javascript的無(wú)new構(gòu)建實(shí)例詳解的相關(guān)資料,小編感覺介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧
    2016-05-05
  • 純css實(shí)現(xiàn)窗戶玻璃雨滴逼真效果

    純css實(shí)現(xiàn)窗戶玻璃雨滴逼真效果

    css實(shí)現(xiàn)窗戶上水珠效果,效果特別逼真,窗外的雨淅淅瀝瀝飄打在玻璃上,看起來(lái)很像模糊的窗外,斜滴的雨露,接下來(lái)給大家一起來(lái)用CSS技術(shù)實(shí)現(xiàn)這樣一幅畫面,下面給大家分享使用純css實(shí)現(xiàn)窗戶玻璃雨滴逼真效果,感興趣的朋友快樂(lè)圍觀吧
    2015-08-08
  • JS中正則表達(dá)式全局匹配模式 /g用法詳解

    JS中正則表達(dá)式全局匹配模式 /g用法詳解

    本文章通過(guò)實(shí)例代碼給大家詳細(xì)介紹js中正則表達(dá)式的全局匹配模式 /g的用法,需要的朋友參考下
    2017-04-04
  • JS實(shí)現(xiàn)可調(diào)整倒計(jì)時(shí)間代碼分享

    JS實(shí)現(xiàn)可調(diào)整倒計(jì)時(shí)間代碼分享

    這篇文章主要介紹了JS實(shí)現(xiàn)可調(diào)整倒計(jì)時(shí)間代碼,效果很酷炫,也很具有實(shí)用價(jià)值,感興趣的小伙伴們可以參考一下
    2015-08-08

最新評(píng)論