DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 運算符&&的三個不同層次
運算符&&的三個不同層次
編輯:JavaScript基礎知識     

運算符可以從三個不同的層次進行理解。

第一層理解

當操作數都是布爾值時,“&&”對兩個值執行布爾與(AND)操作。

復制代碼 代碼如下:
x==0 && y==0 // 只有當x和y都是0時,才返回true

關系運算符的優先級比”&&”要高。

第二層理解

”&&“可以對真值和假值進行布爾與(AND)操作。(假值有false、null、undefined、0、NaN和”“)。在JS中任何希望使用布爾值的地方,表達式和語句都會將其當做真值或假值來對待,因此實際上”&&”並不總是返回true和false。

復制代碼 代碼如下:
null && true // =>null: 左操作數為假值,並將其返回,整個表達式為假
true && (5 - 3) // =>2: 左操作數為真,計算右操作數,並將其結果返回

第三層理解

當運算符要返回一個真值或假值時,根據左操作數的值會遇到兩種運算情況:運算符首先計算左操作數的值,如果計算結果是假值,那麼整個表達式的結果一定也是假值,此時”&&“簡單的返回左操作數的值,而並不會對右操作數進行計算。如果左操作數是真值,”&&“將計算右操作數的值並將其返回作為整個表達式的計算結果。

復制代碼 代碼如下:
var o = {x:1};
var p = null;
o && o.x; // =>1 o是真值,返回o.x的值
p && p.y; // =>null: p是假值,將其返回,而不去計算p.y

”&&“的行為有時稱作”短路“,我們將會看到很多代碼利用了這一特性進行有條件地執行代碼。例如下面兩行代碼是完全等價的:

復制代碼 代碼如下:
if(a == b) stop();
(a == b) && stop();// 與上面語句等價

知識延伸

運算符“||”和”&&”一樣也具有一些復雜的行為。

用來從一組備選表達式中選出第一個真值表達式:

復制代碼 代碼如下:
// 先檢查a是否是真值,如果是,返回a,否則和a處理方式相同地處理b
// 如果b是真值返回b,否則返回5
var max = a || b || 5;

這種用法在函數中可以用來給參數提供默認值:

復制代碼 代碼如下:
function copy(o, p) {
p = p || {}; // 如果沒有向參數p傳遞對象,就使用新創建的對象
// ...
}

運算符優先級

同一優先級的運算符,運算次序由結合方向所決定。

簡單記就是:! > 算術運算符 > 關系運算符 > && > || > 賦值運算符

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved