JS中的“雙豎線”指的是邏輯或運算符“||”,這是一種常見的運算符,經(jīng)常用于條件判斷、函數(shù)默認值等場景。下面我們來詳細了解一下。
邏輯或運算符“||”表示在兩個表達式中,只要有一個為真(非0/非空),則整個表達式為真,如果兩個表達式都為假(0或空),則整個表達式為假。具體使用方法可參考以下示例代碼:
在上面的代碼中,我們可以看到,邏輯或運算符“||”會判斷其兩個運算符的真假值,如果表達式1為假,則返回表達式2的值。
邏輯或運算符“||”還可用于設(shè)置默認值。例如,定義一個函數(shù)時,我們可以設(shè)置函數(shù)參數(shù)的默認值,如下所示:
在上面的代碼中,如果函數(shù)“test()”沒有傳入任何參數(shù),則會默認使用設(shè)置的值10和20。這樣可以有效避免因缺少參數(shù)導致的程序異常。
此外,邏輯或運算符“||”還可以用于判斷對象是否存在,例如:
在上面的代碼中,如果對象“obj”不存在,我們使用“||”運算符返回一個空的對象,這樣就避免了因?qū)ο蟛淮嬖诙鴮е碌某绦蝈e誤。
總之,邏輯或運算符“||”在JS中應(yīng)用廣泛,可以用于條件判斷、函數(shù)默認值、對象判斷等場景,具有非常實用的功能,需要我們熟練掌握。
邏輯或運算符“||”表示在兩個表達式中,只要有一個為真(非0/非空),則整個表達式為真,如果兩個表達式都為假(0或空),則整個表達式為假。具體使用方法可參考以下示例代碼:
var a = 0 || 1; //a的值為1
var b = null || "b"; //b的值為"b"
var c = "" || "c"; //c的值為"c"
var d = undefined || "d"; //d的值為"d"
在上面的代碼中,我們可以看到,邏輯或運算符“||”會判斷其兩個運算符的真假值,如果表達式1為假,則返回表達式2的值。
邏輯或運算符“||”還可用于設(shè)置默認值。例如,定義一個函數(shù)時,我們可以設(shè)置函數(shù)參數(shù)的默認值,如下所示:
function test(a, b) {
a = a || 10;
b = b || 20;
console.log(a);
console.log(b);
}
test(); //輸出10和20
在上面的代碼中,如果函數(shù)“test()”沒有傳入任何參數(shù),則會默認使用設(shè)置的值10和20。這樣可以有效避免因缺少參數(shù)導致的程序異常。
此外,邏輯或運算符“||”還可以用于判斷對象是否存在,例如:
var obj = null;
var message = obj && obj.message; //(不使用雙豎線)會拋出TypeError錯誤
var message = obj || {}.message; //(使用雙豎線)避免了錯誤,message的值為undefined
在上面的代碼中,如果對象“obj”不存在,我們使用“||”運算符返回一個空的對象,這樣就避免了因?qū)ο蟛淮嬖诙鴮е碌某绦蝈e誤。
總之,邏輯或運算符“||”在JS中應(yīng)用廣泛,可以用于條件判斷、函數(shù)默認值、對象判斷等場景,具有非常實用的功能,需要我們熟練掌握。
上一篇css按鈕放在底部遮擋
下一篇css有幾種使用方式