JavaScript運(yùn)算符

算術(shù)運(yùn)算符

如果操作數(shù)(或者轉(zhuǎn)換結(jié)果)是NaN值,算術(shù)運(yùn)算的結(jié)果也是NaN。
除數(shù)為0的運(yùn)算結(jié)果為正無窮大或負(fù)無窮大,而0/0的結(jié)果是NaN,所有這些運(yùn)算均不會報錯。

"+"運(yùn)算符

  • 如果其中一個操作數(shù)是對象,則將對象轉(zhuǎn)換成原始值(除日期對象外都優(yōu)先使用valueOf()轉(zhuǎn)換)。
  • 在進(jìn)行了對象到原始值的轉(zhuǎn)換后,如果其中一個操作數(shù)是字符串的話,另一個操作數(shù)也會轉(zhuǎn)換為字符串,然后進(jìn)行字符串連接。
  • 否則,兩個操作數(shù)都將轉(zhuǎn)換為數(shù)字(或者NaN),然后進(jìn)行加法操作。
1 + 2           // 3
"1" + 2         // "12",數(shù)字轉(zhuǎn)換為字符串
1 + {}          // "1[object Object]",對象轉(zhuǎn)換成字符串后進(jìn)行連接

true + true     // 2,布爾轉(zhuǎn)換為數(shù)字

2 + null        // 2,null轉(zhuǎn)換為0
2 + undefined   // NaN,undefined轉(zhuǎn)換為NaN后做加法

運(yùn)算結(jié)果同步依賴于運(yùn)算符的運(yùn)算順序,比如:

1 + 2 + "blind mice";   // "3 blind mice"
1 + (2 + "blind mice"); // "12 blind mice"

"++"運(yùn)算符

表達(dá)式++x并不總和x=x+1完全一樣。
如果x是字符串"1",++x的結(jié)果就是數(shù)字2,而x+1是字符串"11"。

關(guān)系運(yùn)算符

"==="(strict equality)

嚴(yán)格相等運(yùn)算符,比較過程沒有任何類型轉(zhuǎn)換,其比較過程如下:

  • 如果兩個值類型不相同,則它們不相等。
  • 如果兩個值為數(shù)字且數(shù)值相等,則它們相等。如果一個為0,另一個為-0,則他們同樣相等。
  • 如果兩個值為字符串,且所含的對應(yīng)位上的16位數(shù)完全相等,則它們相等。
  • 如果兩個值都是布爾值true或者false,則他們相等。
  • 如果兩個值都是null或者都是undefined,則它們相等
  • 如果其中一個值是NaN,或者兩個值都是NaN,則它們不相等
  • 如果兩個引用值指向同一個對象、數(shù)組或函數(shù),則它們是相等的。如果指向不同的對象,則它們是不等的,盡管兩個對象具有完全一樣的屬性。

"=="(equality operator)

  • 如果兩個操作數(shù)是相同類型,則按嚴(yán)格相等規(guī)則"==="進(jìn)行比較。
  • 如果兩個操作數(shù)是不同類型,則會發(fā)生以下類型轉(zhuǎn)換:

如果一個值是null,另一個是undeined,則它們相等
如果一個值是數(shù)字,另一個是字符串,則String --> Number轉(zhuǎn)換后進(jìn)行值比較。
如果一個值是布爾類型,則true --> 1, false --> 0轉(zhuǎn)換后進(jìn)行值比較。

"1" == true;    // true

比較運(yùn)算符(<, >, <=, >=)

  • 如果操作數(shù)為對象,那么對象會先轉(zhuǎn)換成原始值。
  • 在對象轉(zhuǎn)換成原始值后,如果兩個操作數(shù)都是字符串,則按字符串進(jìn)行比較。
  • 如果至少一個操作數(shù)不是字符串,則轉(zhuǎn)換成數(shù)字進(jìn)行比較。0和-0是相等的,如果其中一個操作數(shù)是NaN,那么比較操作符總是返回false。
"11" < "3"  // true,字符串比較
"11" < 3    // false,"11"轉(zhuǎn)換為11
"one" < 3   // false,"one"轉(zhuǎn)換為NaN

in運(yùn)算符

in運(yùn)算符希望它的左操作數(shù)是一個字符串或者可以轉(zhuǎn)換為字符串,右操作數(shù)是一個對象。
如果右側(cè)的對象擁有一個名為左操作數(shù)值的屬性名,那么表達(dá)式返回true。

var point = { x:1, y:1 };
"x" in point;               // true,對象有一個名為"x"的屬性
"z" in point;               // false,對象不存在名為"z"的屬性
"toString" in point;        // true,對象包含toString()方法

var data = [7, 8, 9];
"0" in data;                // true,數(shù)組包含元素"0"
1 in data;                  // true,數(shù)字轉(zhuǎn)換為字符串
3 in data;                  // false,沒有索引為3的元素

instanceof運(yùn)算符

為了計算表達(dá)式"o instanceof f",JavaScript首先計算f.prototype,然后在原型鏈(prototype chain)中查找o,如果找到,那么o是f(或者f的父類)的一個實例,表達(dá)式返回true。

邏輯表達(dá)式

邏輯或(||)

這個運(yùn)算符常用于從一組備選表達(dá)式中選出第一個真值表達(dá)式:

// 如果max_width已經(jīng)定義了,則直接使用它
// 否則在preferences對象中查找max_width
// 如果對象中也找不到,則使用一個常量
var max = max_width || preferences.max_width || 500;

其他運(yùn)算符

delete運(yùn)算符

delete是一元運(yùn)算符,用于刪除對象屬性或數(shù)組元素(但不一定釋放內(nèi)存),原始的值將變?yōu)閡ndefined。

var o = { x:1, y:2 };
delete o.x;
"x" in o;               // false,屬性已經(jīng)被刪除

var a = [1,2,3];
delete a[2];
2 in a;                 // false,數(shù)組元素2已經(jīng)被刪除
a.length;               // 3,注意:數(shù)組的長度沒有改變?。?!

void運(yùn)算符

該運(yùn)算符通常用于避免輸出不應(yīng)該輸出的值,例如,從HTML 的<a>元素調(diào)用JavaScript函數(shù)時。要正確做到這一點(diǎn),函數(shù)不能返回有效值,否則瀏覽器將清空頁面,只顯示函數(shù)的結(jié)果。例如:

<a href="javascript:window.open('about:blank')">Click me</a>

如果把這行代碼放入HTML頁面,點(diǎn)擊其中的鏈接,即可看到屏幕上顯示"[object]"。
這是因為window.open()方法返回了新打開的窗口的引用。然后該對象將被轉(zhuǎn)換成要顯示的字符串。
要避免這種效果,可以用void運(yùn)算符調(diào)用window.open()函數(shù):

<a href="javascript:void(window.open('about:blank'))">Click me</a>

這使window.open()調(diào)用返回undefined,它不是有效值,不會顯示在瀏覽器窗口中。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,119評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,382評論 3 415
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,038評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,853評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,616評論 6 408
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,112評論 1 323
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,192評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,355評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,869評論 1 334
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,727評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,928評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,467評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,165評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,570評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,813評論 1 282
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,585評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,892評論 2 372

推薦閱讀更多精彩內(nèi)容