下面小編就為大家?guī)?lái)一篇淺談javascript運(yùn)算符——條件,逗號(hào),賦值,()和void運(yùn)算符。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。

前面的話

javascript中運(yùn)算符總共有46個(gè)，除了前面已經(jīng)介紹過(guò)的算術(shù)運(yùn)算符、關(guān)系運(yùn)算符、位運(yùn)算符、邏輯運(yùn)算符之外，還有很多運(yùn)算符。本文將介紹條件運(yùn)算符、逗號(hào)運(yùn)算符、賦值運(yùn)算符、()和void運(yùn)算符

條件運(yùn)算符　　

條件運(yùn)算符是javascript中唯一的一個(gè)三元運(yùn)算符(三個(gè)操作數(shù))，有時(shí)直接稱(chēng)做'三元運(yùn)算符'。通常這個(gè)運(yùn)算符寫(xiě)成'?:'，當(dāng)然在代碼中往往不會(huì)這么簡(jiǎn)寫(xiě)，因?yàn)檫@個(gè)運(yùn)算符擁有三個(gè)操作數(shù)，第一個(gè)操作數(shù)在'?'之前，第二個(gè)操作數(shù)在'?'和':'之間，第三個(gè)操作數(shù)在':'之后

variable = boolean_expression ? true_value : false_value;

本質(zhì)上，這就是基于對(duì)boolean_expression求值的結(jié)果，決定給變量variable賦什么值。如果求值結(jié)果是true，則給變量variable賦值true_value；如果求值結(jié)果是false，則給變量variable賦值false_value

條件運(yùn)算符的操作數(shù)可以是任意類(lèi)型，第一個(gè)操作數(shù)當(dāng)成布爾值，如果它是真值，那么將計(jì)算第二個(gè)操作數(shù)，并返回其計(jì)算結(jié)果。否則，如果第一個(gè)操作數(shù)是假值，那么將計(jì)算第三個(gè)操作數(shù)，并返回其計(jì)算結(jié)果。第二個(gè)和第三個(gè)操作數(shù)總是會(huì)計(jì)算其中之一，不可能兩者同時(shí)執(zhí)行

其實(shí)使用if語(yǔ)句也會(huì)帶來(lái)同樣的效果，'?:'運(yùn)算符只是提供了一種簡(jiǎn)寫(xiě)形式。這里是一個(gè)'?:'的典型應(yīng)用場(chǎng)景，判斷一個(gè)變量是否有定義(并擁有一個(gè)有意義的真值)，如果有定義則使用它，如果無(wú)定義則使用一個(gè)默認(rèn)值:

greeting = 'hello ' + (username ? username : 'there');

這和下面使用if語(yǔ)句的代碼是等價(jià)的，但顯然上面的代碼更加簡(jiǎn)潔:

greeting = 'hello ';

if(username)

  greeting += username;

else

  greeting += 'there';

三元條件表達(dá)式與if...else語(yǔ)句具有同樣表達(dá)效果，但是兩者具有一個(gè)重大差別，if...else是語(yǔ)句，沒(méi)有返回值；三元條件表達(dá)式是表達(dá)式，具有返回值。所以，在需要返回值的場(chǎng)合，只能使用三元條件表達(dá)式，而不能使用if...else

console.log(true ? 'T' : 'F');

上面代碼中，console.log方法的參數(shù)必須是一個(gè)表達(dá)式，這時(shí)就只能使用三元條件表達(dá)式

逗號(hào)運(yùn)算符　　

逗號(hào)運(yùn)算符是二元運(yùn)算符，它的操作數(shù)可以是任意類(lèi)型。它首先計(jì)算左操作數(shù)，然后計(jì)算右操作數(shù)，最后返回右操作數(shù)的值，用逗號(hào)運(yùn)算符可以在一條語(yǔ)句中執(zhí)行多個(gè)運(yùn)算

i = 0,j = 1,k = 2;

//計(jì)算結(jié)果是2，它和下面的代碼基本等價(jià)

i =0; j = 1; k = 2;

逗號(hào)運(yùn)算符常用于聲明多個(gè)變量

var iNum1 = 1, iNum = 2, iNum3 = 3;

逗號(hào)運(yùn)算符最常用的場(chǎng)景是在for循環(huán)中，這個(gè)for循環(huán)通常具有多個(gè)循環(huán)變量：

//for循環(huán)中的第一個(gè)逗號(hào)是var語(yǔ)句的一部分

//第二個(gè)逗號(hào)是逗號(hào)運(yùn)算符

//它將兩個(gè)表達(dá)式(i++和j--)放在一條語(yǔ)句中

for(var i=0, j=10;i<j;i++,j--){console.log(i+j);}

逗號(hào)運(yùn)算符還可以用于賦值，在用于賦值時(shí)，逗號(hào)運(yùn)算符總是返回表達(dá)式中的最后一項(xiàng)

var num = (1,2,3,4,5);

console.log(num);//5

[注意]去掉括號(hào)會(huì)報(bào)錯(cuò)

賦值運(yùn)算符　　

簡(jiǎn)單的賦值操作符由等號(hào)'='表示，作用把等號(hào)右邊的值賦予等號(hào)左邊的變量或?qū)傩?/P>

i = o;

o.x = 1;

'='運(yùn)算符希望它的左操作數(shù)是一個(gè)左值：一個(gè)變量或者對(duì)象屬性(或數(shù)組元素)。它的右操作數(shù)可以是任意類(lèi)型的任意值。賦值表達(dá)式的值就是右操作數(shù)的值

盡管賦值表達(dá)式通常非常簡(jiǎn)單，但有時(shí)仍會(huì)看到一些復(fù)雜表達(dá)式包含賦值表達(dá)式的情況。例如，可以將賦值和關(guān)系操作符放在一個(gè)表達(dá)式中，就像這樣：

(a=b) == 0

如果這樣做的話，應(yīng)該清楚知道'='和'=='運(yùn)算符之間的區(qū)別。'='具有非常低的優(yōu)先級(jí)，通常在一個(gè)較長(zhǎng)的表達(dá)式中用到了一條賦值語(yǔ)句的值時(shí)的時(shí)候，需要補(bǔ)充圓括號(hào)以保證正確的運(yùn)算順序

賦值操作符的結(jié)合性是從右到左，也就是說(shuō)，如果一個(gè)表達(dá)式中出現(xiàn)了多個(gè)賦值運(yùn)算符，運(yùn)算順序是從右到左。因此，可以通過(guò)如下方式來(lái)對(duì)多個(gè)變量賦值：

i = j = k = 0;//把三個(gè)變量初始化為0

JavaScript還提供11個(gè)復(fù)合的賦值運(yùn)算符，這些復(fù)合的賦值運(yùn)算符，都是先進(jìn)行指定運(yùn)算，然后將得到值返回給左邊的變量

[注意]設(shè)計(jì)這些操作符的目的是簡(jiǎn)化賦值操作，使用它們并不會(huì)帶來(lái)任何性能的提升

total += sales_tax;

//等價(jià)于

total = total + sales_tax;

運(yùn)算符   示例    等價(jià)于

+=     a+=b    a=a+b

-=     a-=b    a=a-b

*=     a*=b    a=a*b

/=     a/=b    a=a/b

%=     a%=b    a=a%b

<<=    a<<=b   a=a<<b

>>=    a>>=b   a=a>>b

>>>=    a>>>=b   a=a>>>b

&=     a&=b    a=a&b

|=     a|=b    a=a|b

^=     a^=b    a=a^b

在大多數(shù)情況下，表達(dá)式為:

a op= b

這里op代表一個(gè)運(yùn)算符，這個(gè)表達(dá)式和下面的表達(dá)式等價(jià)

a = a op b

在第一行中，表達(dá)式a計(jì)算了一次，在第二行中，表達(dá)式a計(jì)算了兩次，只有在a包含具有副作用的表達(dá)式(比如函數(shù)調(diào)用和賦值操作)的時(shí)候，兩者才不等價(jià)

data[i++]*=2;

data[i++] = data[i++]*2;

圓括號(hào)運(yùn)算符　　

圓括號(hào)運(yùn)算符有兩種用法：如果表達(dá)式放在圓括號(hào)中，作用是求值；如果跟在函數(shù)后面，作用是調(diào)用函數(shù)

把表達(dá)式放在圓括號(hào)之中，將返回表達(dá)式的值

console.log((1)); //1

console.log(('a')); //'a'

console.log((1+2)); // 3

把對(duì)象放在圓括號(hào)之中，則會(huì)返回對(duì)象的值，即對(duì)象本身

var o = {p:1};

console.log((o));// Object {p: 1}

將函數(shù)放在圓括號(hào)中，會(huì)返回函數(shù)本身。如果圓括號(hào)緊跟在函數(shù)的后面，就表示調(diào)用函數(shù)，即對(duì)函數(shù)求值

function f(){return 1;}

console.log((f));// function f(){return 1;}

console.log(f()); // 1

由于圓括號(hào)的作用是求值，如果將語(yǔ)句放在圓括號(hào)之中，就會(huì)報(bào)錯(cuò)，因?yàn)檎Z(yǔ)句沒(méi)有返回值

console.log(var a = 1);// SyntaxError: Unexpected token var

console.log((var a = 1));// SyntaxError: Unexpected token var

void運(yùn)算符　　

void是一元運(yùn)算符，它出現(xiàn)在操作數(shù)之前，操作數(shù)可以是任意類(lèi)型，操作數(shù)會(huì)照常計(jì)算，但忽略計(jì)算結(jié)果并返回undefined。由于void會(huì)忽略操作數(shù)的值，因此在操作數(shù)具有副作用的時(shí)候使用void來(lái)讓程序更具語(yǔ)義

console.log(void 0); // undefined

console.log(void(0)); // undefined

【作用一】替代undefined

由于undefined并不是一個(gè)關(guān)鍵字，其在IE8-瀏覽器中會(huì)被重寫(xiě)，在高版本函數(shù)作用域中也會(huì)被重寫(xiě)；所以可以用void 0 來(lái)替換undefined

var undefined = 10;

console.log(undefined);//IE8-瀏覽器下為10，高版本瀏覽器下為undefined

function t(){

  var undefined = 10;

  console.log(undefined);

}

console.log(t());//所有瀏覽器下都是10

【作用二】客戶(hù)端URL

這個(gè)運(yùn)算符最常用在客戶(hù)端URL——javascript:URL中，在URL中可以寫(xiě)帶有副作用的表達(dá)式，而void則讓瀏覽器不必顯示這個(gè)表達(dá)式的計(jì)算結(jié)果。例如，經(jīng)常在HTML代碼中的<a>標(biāo)簽里使用void運(yùn)算符

<a href="javascript:void window.open();">打開(kāi)一個(gè)新窗口</a>

【作用三】阻止默認(rèn)事件 

阻止默認(rèn)事件的方式是給事件置返回值false

//一般寫(xiě)法

<a onclick="f();return false;">文字</a>

使用void運(yùn)算符可以取代上面寫(xiě)法

<a href="javascript:void(f())">文字</a>

以上這篇淺談javascript運(yùn)算符——條件,逗號(hào),賦值,()和void運(yùn)算符就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考