前言

今天在看React Native的教程時(shí)，有個(gè)栗子是講關(guān)于TextInput的，將輸入的內(nèi)容，按空格分隔替換為一個(gè)emoji表情，用到的代碼如下：

{this.state.text.split(' ').map((word) => word && '??').join(' ')}

開始我不知道為什么兩個(gè)字符串進(jìn)行邏輯與操作，為什么返回的是后面的字符串？

然后

后來寫了一些栗子如下：

var a = 3 && 'Hello';   // a -> 'Hello'
var a = 'Hello' && 'World'; // a -> 'World'
var a = 'Hello' && null; // a -> null
var a = 0 && 'Hello'; // a-> 0
var a = 'Hello' && ''; // a -> ""
var a = null &&  0; // a -> null
var a = 0 &&  null; // a-> 0

于是根據(jù)栗子結(jié)果猜想：var a = x && y

如果&&的結(jié)果為ture(兩個(gè)操作數(shù)都為true)，那么，結(jié)果是&&操作符后面的操作數(shù)；
如果&&的結(jié)果為false(兩個(gè)操作數(shù)一個(gè)為true一個(gè)為false)，那么，結(jié)果是&&操作符中為false的操作數(shù)；
如果&&的結(jié)果為false(兩個(gè)操作數(shù)都false)，那么，結(jié)果是&&操作符前面的操作數(shù)；

下面是試了下邏輯或的栗子：

var a = 3 || 'Hello';   // a -> 3
var a = 'Hello' || 'World'; // a -> 'Hello'
var a = 'Hello' || null; // a -> 'Hello'
var a = 0 || 'Hello'; // a-> 'Hello'
var a = 'Hello' || ''; // a -> 'Hello'
var a = null ||  0; // a -> 0
var a = 0 ||  null; // a-> null

同樣根據(jù)栗子結(jié)果猜想：var a = x || y

如果||的結(jié)果為ture(兩個(gè)操作數(shù)都為true)，那么，結(jié)果是||操作符前面的操作數(shù)；
如果||的結(jié)果為true(兩個(gè)操作數(shù)一個(gè)為true一個(gè)為false)，那么，結(jié)果是||操作符中為true的操作數(shù)；
如果||的結(jié)果為false(兩個(gè)操作數(shù)都false)，那么，結(jié)果是||操作符后面的操作數(shù)；

最后

??