JS 邏輯操作符 && 和 || 用法

ctriptech 發(fā)布于2019-08-19 18:08 / 2495人閱讀

摘要：包括不為不為空，返回的都是第二個值。當?shù)谝粋€操作數(shù)求值為時，則會返回第一個操作數(shù)。和下判斷加載的情況，并設置回調函數(shù)。當不滿足，判斷，不滿足，判斷一直進行下去

練習題

首先來做幾個題目：

var found = true;
var result = (found && someUndefinedVariable);
console.log(result);

var found = false;
var result = (found || someUndefinedVariable);
console.log(result);

var result = (1 && 2);
console.log(result);

var result = (0 || {a: 1});
console.log(result);

不知道答案的同學可以去控制臺里面輸出答案看一看。

其中第一題，因為found為true，則接下來要對someUndefinedVariable這個變量求值，但是未定義，因此會報錯，第二題found為false，則接下來要對someUndefinedVariable這個變量求值，同樣未定義，也會報錯。第三題輸出2，第四題輸出0；

&& 的用法總結

當有個操作數(shù)不是布爾值的情況時，邏輯與不一定會返回布爾值：

當?shù)谝粋€操作數(shù)為對象時，則返回第二個操作數(shù)；

當?shù)诙€操作數(shù)為對象時，則只有在第一個操作數(shù)的求值結果為true的情況下才會返回該對象；

如果兩個操作數(shù)都是對象，則返回第二個操作數(shù)；

如果有一個操作數(shù)是null，則返回null；

如果有一個操作數(shù)是NaN，則返回NaN；

如果有一個操作數(shù)是undefined，則返回undefined.

簡便的記憶方法，當?shù)谝粋€操作數(shù)的求值為true時。包括num不為0,str不為空,true,object，返回的都是第二個值。當?shù)谝粋€操作數(shù)求值為false時，則會返回第一個操作數(shù)。

|| 的用法總結

如果第一個操作數(shù)是對象，則返回第一個操作數(shù)；

如果兩個操作數(shù)都是對象，則返回第一個操作數(shù)；

如果兩個操作數(shù)都是null，則返回null;

如果兩個操作數(shù)都是NaN，則返回NaN；

如果兩個操作數(shù)都是undefined，則返回undefined；

如果第一個操作數(shù)的求值結構為false,則返回第二個操作數(shù)；

簡便的記憶方法，第一個操作符是原始類型的str(且不為空)或num(且不為0)或true或object或undefined或NaN或null，那么都返回第一個操作數(shù)。

一般 ||用來處理給變量未賦值或設置初始值的情況:

function(name) {
    var _name = name || "XRne";
}
//當變量name未賦值的時候，默認的值為`XRene`。

script.onload = script.onreadystatechange = function(cb) {
    if(!this.readState || /^complete|loaded$/.test(this.readtState)) {
        cb();
    }
}
//FF和IE下判斷script加載的情況，并設置回調函數(shù)。


A || B || C .....
//當A不滿足，判斷B，B不滿足，判斷C一直進行下去

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79230.html

Vue作為組件在前端項目中的應用&amp;Vue.set 的用法

摘要：業(yè)務背景是，在的前端項目中加入作為組件。但隨著需要登錄的頁面的增多，多個頁面都需要添加相同的，，以及前端登錄邏輯，所以在原先的項目中添加了，將重復的添加的代碼加入到了文件中，然后通過方法將對象掛載到某個的節(jié)點上。業(yè)務背景是，在jq的前端項目中加入Vue作為組件。原本的登錄功能是每個頁面加一個登錄彈窗（手機號+驗證碼驗證登錄），然后發(fā)ajax請求到后端，登錄成功后再進行一些操作。但...

hersion 2019-06-28 18:34 評論0 收藏0
如何用ahooks控制時機的hook？

　　本篇主要和大家溝通關于ahooks ，我們可以理解為加深對 React hooks 的了解。　　我們先說下關于抽象自定義 hooks。構建屬于自己的 React hooks 工具庫。　　其實我們應該培養(yǎng)閱讀學習源碼的習慣，工具庫是一個對源碼閱讀不錯的選擇。　　注：本系列對 ahooks 的源碼解析是基于v3.3.13。　　現(xiàn)在就進入主題用ahooks 來封裝 React要注意的時機？　　Fun...

3403771864 2022-11-05 16:52 評論0 收藏0
常用列表頁常見hook封裝解析

　　我們今天來講講關于ahooks 源碼，我們目標主要有以下幾點：　　深入了解 React hooks。　　明白如何抽象自定義 hooks，且可以構建屬于自己的 React hooks 工具庫。　　小建議：培養(yǎng)閱讀學習源碼的習慣，工具庫是一個對源碼閱讀不錯的選擇。　　列表頁常見元素　　后臺管理系統(tǒng)中常見典型列表頁包括篩選表單項、Table表格、Pagination分頁這三部分。　　針對使用 Ant...

3403771864 2022-11-05 16:18 評論0 收藏0
Java編程基礎03——進制運算&amp;數(shù)據(jù)類型&amp;變量

摘要：邏輯運算符的基本用法邏輯運算符有哪些與并且或異或非案例演示邏輯運算符的基本用法注意事項邏輯運算符一般用于連接類型的表達式或者值。表達式就是用運算符把常量或者變量連接起來的符合語法的式子。特點偶數(shù)個不改變本身。 03.01_(邏輯運算符的基本用法)* A:邏輯運算符有哪些 int a,b,c &: 與并且and, |: 或 or ^: 異或 !: 非 &&,|| B:案例演...

gekylin 2019-08-19 11:03 評論0 收藏0