資訊專欄INFORMATION COLUMN
摘要：包括不為不為空，返回的都是第二個(gè)值。當(dāng)?shù)谝粋€(gè)操作數(shù)求值為時(shí)，則會(huì)返回第一個(gè)操作數(shù)。和下判斷加載的情況，并設(shè)置回調(diào)函數(shù)。當(dāng)不滿足，判斷，不滿足，判斷一直進(jìn)行下去
練習(xí)題
首先來(lái)做幾個(gè)題目：
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);
不知道答案的同學(xué)可以去控制臺(tái)里面輸出答案看一看。
其中第一題，因?yàn)?b>found為true，則接下來(lái)要對(duì)someUndefinedVariable這個(gè)變量求值，但是未定義，因此會(huì)報(bào)錯(cuò)，第二題found為false，則接下來(lái)要對(duì)someUndefinedVariable這個(gè)變量求值，同樣未定義，也會(huì)報(bào)錯(cuò)。第三題輸出2，第四題輸出0；
&& 的用法總結(jié)當(dāng)有個(gè)操作數(shù)不是布爾值的情況時(shí)，邏輯與不一定會(huì)返回布爾值：
當(dāng)?shù)谝粋€(gè)操作數(shù)為對(duì)象時(shí)，則返回第二個(gè)操作數(shù)；
當(dāng)?shù)诙€(gè)操作數(shù)為對(duì)象時(shí)，則只有在第一個(gè)操作數(shù)的求值結(jié)果為true的情況下才會(huì)返回該對(duì)象；
如果兩個(gè)操作數(shù)都是對(duì)象，則返回第二個(gè)操作數(shù)；
如果有一個(gè)操作數(shù)是null，則返回null；
如果有一個(gè)操作數(shù)是NaN，則返回NaN；
如果有一個(gè)操作數(shù)是undefined，則返回undefined.
簡(jiǎn)便的記憶方法，當(dāng)?shù)谝粋€(gè)操作數(shù)的求值為true時(shí)。包括num不為0,str不為空,true,object，返回的都是第二個(gè)值。當(dāng)?shù)谝粋€(gè)操作數(shù)求值為false時(shí)，則會(huì)返回第一個(gè)操作數(shù)。
|| 的用法總結(jié)如果第一個(gè)操作數(shù)是對(duì)象，則返回第一個(gè)操作數(shù)；
如果兩個(gè)操作數(shù)都是對(duì)象，則返回第一個(gè)操作數(shù)；
如果兩個(gè)操作數(shù)都是null，則返回null;
如果兩個(gè)操作數(shù)都是NaN，則返回NaN；
如果兩個(gè)操作數(shù)都是undefined，則返回undefined；
如果第一個(gè)操作數(shù)的求值結(jié)構(gòu)為false,則返回第二個(gè)操作數(shù)；
簡(jiǎn)便的記憶方法，第一個(gè)操作符是原始類型的str(且不為空)或num(且不為0)或true或object或undefined或NaN或null，那么都返回第一個(gè)操作數(shù)。
一般 ||用來(lái)處理給變量未賦值或設(shè)置初始值的情況:
function(name) {
var _name = name || "XRne";
}
//當(dāng)變量name未賦值的時(shí)候，默認(rèn)的值為`XRene`。
script.onload = script.onreadystatechange = function(cb) {
if(!this.readState || /^complete|loaded$/.test(this.readtState)) {
cb();
}
}
//FF和IE下判斷script加載的情況，并設(shè)置回調(diào)函數(shù)。
A || B || C .....
//當(dāng)A不滿足，判斷B，B不滿足，判斷C一直進(jìn)行下去
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/79230.html
摘要：業(yè)務(wù)背景是，在的前端項(xiàng)目中加入作為組件。但隨著需要登錄的頁(yè)面的增多，多個(gè)頁(yè)面都需要添加相同的，，以及前端登錄邏輯，所以在原先的項(xiàng)目中添加了，將重復(fù)的添加的代碼加入到了文件中，然后通過(guò)方法將對(duì)象掛載到某個(gè)的節(jié)點(diǎn)上。 業(yè)務(wù)背景是，在jq的前端項(xiàng)目中加入Vue作為組件。 原本的登錄功能是每個(gè)頁(yè)面加一個(gè)登錄彈窗（手機(jī)號(hào)+驗(yàn)證碼驗(yàn)證登錄），然后發(fā)ajax請(qǐng)求到后端，登錄成功后再進(jìn)行一些操作。 但...
本篇主要和大家溝通關(guān)于ahooks ，我們可以理解為加深對(duì) React hooks 的了解?！ ∥覀兿日f(shuō)下關(guān)于抽象自定義 hooks。構(gòu)建屬于自己的 React hooks 工具庫(kù)。 其實(shí)我們應(yīng)該培養(yǎng)閱讀學(xué)習(xí)源碼的習(xí)慣，工具庫(kù)是一個(gè)對(duì)源碼閱讀不錯(cuò)的選擇。 注：本系列對(duì) ahooks 的源碼解析是基于v3.3.13?！ ‖F(xiàn)在就進(jìn)入主題用ahooks 來(lái)封裝 React要注意的時(shí)機(jī)？ Fun...
我們今天來(lái)講講關(guān)于ahooks 源碼，我們目標(biāo)主要有以下幾點(diǎn)： 深入了解 React hooks?！ ∶靼兹绾纬橄笞远x hooks，且可以構(gòu)建屬于自己的 React hooks 工具庫(kù)?！ ⌒〗ㄗh：培養(yǎng)閱讀學(xué)習(xí)源碼的習(xí)慣，工具庫(kù)是一個(gè)對(duì)源碼閱讀不錯(cuò)的選擇?！ ×斜眄?yè)常見(jiàn)元素 后臺(tái)管理系統(tǒng)中常見(jiàn)典型列表頁(yè)包括篩選表單項(xiàng)、Table表格、Pagination分頁(yè)這三部分?！ ♂槍?duì)使用 Ant...
摘要：邏輯運(yùn)算符的基本用法邏輯運(yùn)算符有哪些與并且或異或非案例演示邏輯運(yùn)算符的基本用法注意事項(xiàng)邏輯運(yùn)算符一般用于連接類型的表達(dá)式或者值。表達(dá)式就是用運(yùn)算符把常量或者變量連接起來(lái)的符合語(yǔ)法的式子。特點(diǎn)偶數(shù)個(gè)不改變本身。 03.01_(邏輯運(yùn)算符的基本用法)* A:邏輯運(yùn)算符有哪些 int a,b,c &: 與 并且and, |: 或 or ^: 異或 !: 非 &&,|| B:案例演...
閱讀 3921·2021-10-12 10:11
閱讀 3719·2021-09-13 10:27
閱讀 2604·2019-08-30 15:53
閱讀 2044·2019-08-29 18:33
閱讀 2260·2019-08-29 14:03
閱讀 1061·2019-08-29 13:27
閱讀 3378·2019-08-28 18:07
閱讀 847·2019-08-26 13:23
