表達(dá)式和運算符
- 程序中最簡單的表達(dá)式就是,程序中的常量
- 變量名也是一種簡單的表達(dá)式
- 復(fù)雜的表達(dá)式是由簡單的表達(dá)式組成的
- 函數(shù)調(diào)用表達(dá)式是由函數(shù)對象的表達(dá)式和0個或多個參數(shù)表達(dá)式構(gòu)成
- 可以使用運算符來將簡單的表達(dá)式來組合成復(fù)雜的表達(dá)式
原始表達(dá)式
“原始表達(dá)式”,說簡單點就是最簡單的表達(dá)式,并且不再包含其他表達(dá)式
js中原始表達(dá)式有以下:
- 常量
- 直接量
- 關(guān)鍵字
- 變量
栗子:
//直接量
1.23 // 數(shù)字直接量
"hello" // 字符串直接量
/pattern/ // 正則表達(dá)式直接
//保留字
true
false
null // 返回空
this // 返回“當(dāng)前對象”
//變量
i // 返回i的值
sum // 返回sum的值
undefined // undefined是全局變量,和null不同,不是一個關(guān)鍵字
對象和數(shù)組的初始化表達(dá)式
對象和數(shù)組的初始化表達(dá)式實際上是一個新創(chuàng)建的對象和數(shù)組,并不是原始表達(dá)式
數(shù)組初始化表達(dá)式
栗子:
[] //空數(shù)組[1+2,3+4] // 2個元素數(shù)組 [3,7]var matrix = [[1,2],[3,4]] // 數(shù)組可嵌套
js對數(shù)組初始化表達(dá)式進(jìn)行求值時候,數(shù)組表達(dá)式中的所有元素表達(dá)式也會各自計算一次
數(shù)組直接量的元素表達(dá)式在逗號之間元素可以省略,空位默認(rèn)填充undefined。
var array = [1,,3] // 數(shù)組包含3個元素。[1,undefined,3]
但是列表結(jié)尾處可以留下單個逗號,這時不會創(chuàng)建新的undefined元素
對象初始化表達(dá)式
對象初始化表達(dá)式與數(shù)組初始化表達(dá)式非常接近,將[]替換成{},每個子表達(dá)式都包含一個屬性名和冒號為前綴
栗子
var p = { x:2, y:3 }; // 帶2個屬性的對象p
var q = {}; // 空對象
q.x = 2; q.y =3; // q的屬性成員與p一致
對象直接量也是允許嵌套的
var rect = {
upLeft: { x:2, y:3},
bottomRight: { x:4, y:1}
};
js求對象初始化表達(dá)式時候,對象元素表達(dá)式也會各自都計算一次,并且元素表達(dá)式不必包含常數(shù)值,可以是
任意的js表達(dá)式。
對象直接量中屬性的名字可以是字符串而不是標(biāo)示符
>```
var side = 1;
var square = {
"upLeft": { x: p.x, y: p.y},
"bottomRight": {x: p.x+side, y: p.y+side}
};
函數(shù)表達(dá)式
函數(shù)定義表達(dá)式定義一個js函數(shù),表達(dá)式的值是這個新定義的函數(shù)。如下
var square = function (x){
return x * x;
};
屬性訪問表達(dá)式
屬性訪問表達(dá)式得到一個對象屬性或一個數(shù)組元素的值。主要有.和[]兩種形式
栗子:
var o = { x:1, y:{ z:3 } };
var a = [o, 4, [5,6]];
o.x // =>1 表達(dá)式o的x屬性
o.y.z // =>3 表達(dá)式o.y的z屬性
o["x"] // =>1 表達(dá)式o的x屬性
a[1] // =>4 表達(dá)式a的索引為1的元素
a[2]["1"] // =>6 表達(dá)式a[2] 的索引為1的元素
a[0].x // =>1 表達(dá)式a[0]的x屬性
在. 和 []之前的表達(dá)式總會首先計算。如果計算出結(jié)果為null 或者 undefined,表達(dá)式會拋出類型錯誤異常。
如果運算結(jié)果不是對象或者數(shù)組,js會將其轉(zhuǎn)換為對象。
如果對象表達(dá)式后面跟隨句點和標(biāo)示符,則會查找由這個標(biāo)示符所指定的屬性的值,然后作為整個表達(dá)式的值返回。
如果表達(dá)式后面跟隨一對括號,則會計算方括號里面表達(dá)式值并轉(zhuǎn)換為字符串,然后查找對應(yīng)屬性的值
如果以上兩種情況,命名屬性并不存在,則整個屬性訪問表達(dá)式的值就是undefined
-
.寫法適合要訪問的屬性名是合法標(biāo)示符,并且需要知道要訪問屬性名字 -
[]寫法適合要訪問的屬性名不是合法字符,或者訪問的屬性名是需要運算得出的。對于數(shù)組則必須使用這種寫法
調(diào)用表達(dá)式
js調(diào)用表達(dá)式,是一種調(diào)用(執(zhí)行)函數(shù)或方法的語法。如下
func(0) // f是一個函數(shù)表達(dá)式,0是一個參數(shù)表達(dá)式
Math.max(x,y,z) // Math.max是一個函數(shù),x,y,z是參數(shù)
a.sort() // a.sort是一個函數(shù)。沒有參數(shù)
對調(diào)用表達(dá)式進(jìn)行求值時候,首先計算函數(shù)表達(dá)式,然后計算參數(shù)表達(dá)式,得到一組參數(shù)值。
如果函數(shù)表達(dá)式不是一個可以調(diào)用的對象,會拋出類型錯誤異常
如果函數(shù)表達(dá)式使用return語句返回一個值,那么這個值就是整個調(diào)用表達(dá)式的值,否則表達(dá)式的值就是undefined
對象創(chuàng)建表達(dá)式
對象創(chuàng)建表達(dá)式,顧名思義,就是創(chuàng)建一個對象,并且調(diào)用一個函數(shù),初始化新對象的屬性。
new Object()
new Point(2,6)
如果一個對象創(chuàng)建表達(dá)式不需要傳入任何參數(shù)給構(gòu)造函數(shù),那么空括號可以省略
new Object
new Date
運算符概述
大多數(shù)運算符都是由標(biāo)點符號表示的,如"+","="。而另外一些運算符則是由關(guān)鍵字表示的,比如delete和instanceof。
優(yōu)先級從高到低,虛線分割開的運算符不同優(yōu)先級。
| 運算符 | 操作 | 結(jié)合性 | 操作數(shù)個數(shù) | 類型 |
|---|---|---|---|---|
| ++ | 前/后增量 | R | 1 | lval => num |
| -- | 前/后減量 | R | 1 | lval => num |
| - | 求反 | R | 1 | num => num |
| + | 轉(zhuǎn)換為數(shù)字 | R | 1 | num => num |
| ~ | 按位求反 | R | 1 | int => int |
| ! | 邏輯非 | R | 1 | bool => bool |
| delete | 刪除屬性 | R | 1 | lval => bool |
| typeof | 檢測操作數(shù)類型 | R | 1 | any => str |
| void | 返回undefined | R | 1 | any => undef |
| --------------- | --------------- | --- | -- | --------- |
| *,/,% | 乘、除、取余 | L | 2 | num,num => num |
| --------------- | --------------- | --- | -- | --------- |
| +、- | 加、減 | L | 2 | num,num => num |
| + | 字符串連接 | L | 2 | str,str => str |
| --------------- | --------------- | --- | -- | --------- |
| << | 左移位 | L | 2 | int,int => int |
| >> | 無符號右移位 | L | 2 | int,int => int |
| >>> | 有符號右移位 | L | 2 | int,int => int |
| --------------- | --------------- | --- | -- | --------- |
| <,<=,>,>= | 比較數(shù)字順序 | L | 2 | num,num => bool |
| <,<=,>,>= | 比較在字母表順序 | L | 2 | str,str => bool |
| instanceof | 測試對象類 | L | 2 | obj,func => bool |
| in | 測試屬性是否存在 | L | 2 | str,obj => bool |
| -------------------- | --------------- | --- | -- | --------- |
| == | 判斷相等 | L | 2 | any,any =>bool |
| != | 判斷不等 | L | 2 | any,any => bool |
| === | 判斷恒等 | L | 2 | any,any => bool |
| !== | 判斷非恒等 | L | 2 | any,any => bool |
| --------------- | --------------- | --- | -- | --------- |
| & | 按位與 | L | 2 | int,int => int |
| --------------- | --------------- | --- | -- | --------- |
| ^ | 按位異或 | L | 2 | int,int => int |
| --------------- | --------------- | --- | -- | --------- |
| | | 按位或 | L | 2 | int,int => int |
| --------------- | --------------- | --- | -- | --------- |
| && | 邏輯與 | L | 2 | any,any => any |
| --------------- | --------------- | --- | -- | --------- |
| || | 邏輯或 | L | 2 | any,any => any |
| --------------- | --------------- | --- | -- | --------- |
| ?: | 條件運算符 | L | 3 | bool,any,any => any |
| --------------- | --------------- | --- | -- | --------- |
| = | 賦值運算符 | R | 2 | lval,any => any |
| *=,/=,%=,+=,-=,&= | 運算且賦值 | R | 2 | lval,any => any |
| ^=,||=,<<=,>>=,>>>= | 運算且賦值 | R | 2 | lval,any => any |
| --------------- | --------------- | --- | -- | --------- |
| , | 忽略第一個操作數(shù),返回第二個操作數(shù) | L | 2 | any,any => any |
左值
上表中出現(xiàn)的lval指的是左值,意思是表達(dá)式只能出現(xiàn)在賦值運算符的左側(cè)
在js中,變量、對象屬性、和數(shù)組元素都是左值。
ECMAScript允許內(nèi)置函數(shù)返回左值,但自定義函數(shù)不能返回左值
操作數(shù)類型和結(jié)果類型
js運算符通常會根據(jù)需要對操作數(shù)進(jìn)行類型轉(zhuǎn)換
*希望操作數(shù)為數(shù)字,但是表達(dá)式"3"*"5"卻是合法的,因為js會把操作數(shù)轉(zhuǎn)換為數(shù)字
有些操作符對操作數(shù)類型有一定程度依賴,比如+運算符??梢詫?shù)字進(jìn)行加法運算,也可以對字符串進(jìn)行連接。
運算符優(yōu)先級
上表中運算符按照優(yōu)先級從高到低排序,每個虛線內(nèi)的一組運算符具有相同優(yōu)先級。
優(yōu)先級高的運算符執(zhí)行總是先于優(yōu)先級低的運算符
舉個栗子:m = x + y*z;
*運算符比+運算符優(yōu)先級高,優(yōu)先計算y*z,獲得結(jié)果再與x相加。=賦值運算符優(yōu)先級最低,右側(cè)表達(dá)式
計算出結(jié)果后賦值給m
很多時候為了代碼邏輯清晰,加上一些括號來重寫優(yōu)先級,來避免一些優(yōu)先級引起的bug或者執(zhí)行順序與設(shè)計不符
m = (x + y) * z
運算符的結(jié)合性
上表中說明了運算符的結(jié)合性。
- L 指從左到右結(jié)合,執(zhí)行時按照從左到右的順序進(jìn)行
- R 指從右到左結(jié)合,執(zhí)行時按照從右到左的順序進(jìn)行
舉個栗子:-運算符從左到右結(jié)合,因此w = x - y - z 等價于 w = ((x - y) - z)
運算順序
運算符的優(yōu)先級和結(jié)合性規(guī)定了在復(fù)雜表達(dá)式中的運算順序,但是沒有規(guī)定子表達(dá)式的計算過程中的運算順序
js中,總是嚴(yán)格按照從左到右計算子表達(dá)式。例如w=x+y*z,首先計算w,然后計算x,y,z的值,然后y的值和z的值相承
之后,再加上x的值,最后將其結(jié)果賦值給w。給表達(dá)式加括號會改變乘法加法和賦值運算的順序,但是子表達(dá)式的計算
順序仍然是從左至右的順序
只有一種情況例外,當(dāng)任何一個表達(dá)式具有副作用而影響其他表達(dá)式時候,求值順序才會有所不同。
例如,表達(dá)式中x的一個變量自增1,這個變量在z中使用,那么實際上是先計算了x的值再計算z的值,這一點一定要注意
下面這個栗子:
a = 1;
b = (a++) + a;
如果按照前面那種不考慮副作用時的順序是 1) 計算b, 2)計算a++為c, 3)計算a,4)計算c+a, 5)將c+a結(jié)果賦值給b
按照++的影響,1) 計算b, 2)a++結(jié)果仍然為1,c=1,隨即a立即自增1, 3)計算a,a已經(jīng)是2,4)計算c+a=3,5)將c+a結(jié)果賦值給b,所以b=3
切記,a增1的操作是在表達(dá)式計算中就已經(jīng)執(zhí)行了,不是在整個表達(dá)式計算完成之后執(zhí)行的
算術(shù)表達(dá)式
基本算數(shù)運算符包括+ - * / %
"+"運算符
- 對2個數(shù)字進(jìn)行加法操作
- 字符串連接操作
針對不同操作數(shù),+運算符行為表現(xiàn)有些不同
- 一個操作數(shù)是對象,對象會遵循對象到原始值的轉(zhuǎn)換規(guī)則轉(zhuǎn)換為原始值
- 日期對象:toString()執(zhí)行轉(zhuǎn)換
- 其他對象通過valueOf()轉(zhuǎn)換,如果valueOf()不可用,會通過toString()方法轉(zhuǎn)換
- 在進(jìn)行對象到原始值的轉(zhuǎn)換后,如果其中一個操作數(shù)是字符串,另一個操作數(shù)也會轉(zhuǎn)換成字符串,然后連接
- 否則,兩個操作數(shù)都轉(zhuǎn)換成數(shù)字或者NaN,然后進(jìn)行加法操作
下面是一些栗子:
1 + 2 // =>3
"1" + 2 // => "12"
"12" + "3" // => "123"
1 + {} // "1[object object]",對象轉(zhuǎn)換為字符串
true + true // 2 ,bool轉(zhuǎn)換為數(shù)字做加法
2 + null // =>2,null轉(zhuǎn)換為0
2 + undefined // => NaN, undefined轉(zhuǎn)換為NaN后做加法
最后,還需要考慮,加法的結(jié)合性對運算順序的影響
1 + 2 + "hello" // "3hello"
1 + (2 + "hello") // "12hello"
一元算術(shù)運算符
一元運算符作用于一個單獨操作數(shù),產(chǎn)生一個新值
js中一元運算符優(yōu)先級很高,并且都是右結(jié)合
+/-,既是一元運算符,也是二元運算符
- 一元加法(
+)
操作數(shù)轉(zhuǎn)換為數(shù)字(或者NaN),并且返回這個轉(zhuǎn)換后的數(shù)字。如果已經(jīng)是數(shù)字,直接返回
- 一元減法(
-)
操作數(shù)轉(zhuǎn)換為數(shù)字(或者NaN),并且返回這個轉(zhuǎn)換后的數(shù)字,然后改變運算結(jié)果符號
- 遞增(
++)
前增量
++a,先進(jìn)行增量運算并且返回運算結(jié)果
后增量a++,先進(jìn)行增量計算,返回未做增量運算的值
var i=1, j=i++; // i=2,j=1
var i=1, j=++i; // i=2,j=2
- 遞減(`--`)
> 前減量 `--a`,先進(jìn)行減量運算并且返回運算結(jié)果
> 后減量 `a--`,先進(jìn)行減量計算,返回未做減量運算的值
> ```
var i=1, j=i--; // i=0,j=1
var i=1, j=--i; // i=0,j=0
位運算符
-
&按位與
0x1234 & 0x00ff = 0x0034
-
|按位或
0x1234 | 0x00ff = 0x12ff
-
^按位異或
0xff00 ^ 0xf0f0 = 0x0ff0
-
~按位非
~0x0f = 0xfffffff0
-
<<左移
7 << 2 = 28,左移一位相當(dāng)于第一個操作數(shù)乘以2
移動位數(shù) 0~31
-
>>帶符號右移
帶符號右移時候填補在左邊的位由原來的數(shù)的符號決定,以便保持和原操作數(shù)一致
移動位數(shù) 0~31
7 >> 1 = 3
-7 >> 1 = -4
-
>>>無符號右移
無符號右移時候填補在左邊的位直接填補0,與原操作數(shù)無關(guān)
移動位數(shù) 0~31
-1 >> 4 = 1
-1 >>> 4 = 0x0fffffff
關(guān)系表達(dá)式
主要包括相等和不相等運算符、比較運算符、in、instanceof
相等和不相等運算符
js定義了4個符號==,===,!=,!==
-
==:相等 -
===: 恒等 -
!=: 不相等 -
!==: 不恒等
嚴(yán)格相等運算符===首先計算其操作數(shù)的值,然后比較這兩個值,沒有類型轉(zhuǎn)換
- 如果兩個值類型不相同,則它們不相等
- 如果兩個值都是null或者都是undefined,則它們不相等
- 如果兩個值都是布爾值true或者false,,則它們相等
- 如果其中一個值是NaN,或者2個值都是NaN,則它們不相等。NaN和其他任何值都是不相等的,包括自身。通過X!==X來判斷x是否為NaN,只有x為NaN時候,表達(dá)式才為true
- 如果兩個值為數(shù)字且數(shù)值相等,則他們相等。如果一個值為0,另一個為-0,同樣相等
- 如果兩個值為字符串,且所含對應(yīng)位上16位數(shù)完全相等,則他們相當(dāng)。如果它們長度或內(nèi)容不同,則它們不相等。
- 兩個字符串可能含義完全一樣且顯示字符一樣,但具有不同編碼的16位值。js不會對Unicode進(jìn)行標(biāo)準(zhǔn)化轉(zhuǎn)換,像這樣字符串通過"==="和"=="運算符比較結(jié)果也是不相等
- 如果兩個引用值指向同一個對象、數(shù)組或者函數(shù),則相等。如果指向不同對象,則它們不相等,盡管兩個對象完全一樣的屬性。
相等運算符==和恒等運算符相似,但相等運算符并不嚴(yán)格。如果兩個操作數(shù)不是同一類型,那么相等的運算符會進(jìn)行一些類型轉(zhuǎn)換,然后進(jìn)行比較
- 如果兩個操作數(shù)的類型相同,則和上文所屬的嚴(yán)格相等的比較規(guī)則一樣。如果嚴(yán)格相等,則比較結(jié)果相等,如果不嚴(yán)格相等,則它們不相等
- 如果兩個操作數(shù)類型不同,
==相等操作符也可能認(rèn)為他們相等。檢測相等會遵守以下規(guī)則和類型轉(zhuǎn)換
- 如果一個值是null,另一個是undefined,則他們相等
- 如果一個值是數(shù)字,另一個是字符串,先將字符串轉(zhuǎn)換成數(shù)字,然后使用轉(zhuǎn)換后的值,進(jìn)行比較
- 如果其中一個值是true,則將其轉(zhuǎn)換為1再進(jìn)行比較。如果其中一個值是false,則將其轉(zhuǎn)化為0,在進(jìn)行比較
- 如果一個值是對象,另一個值是數(shù)字或字符串,則會使用之前提到的對象到數(shù)字或字符串的轉(zhuǎn)換規(guī)則將對象轉(zhuǎn)換為原始值,然后進(jìn)行比較。
- 其他的類型之間的比較均不相等
舉個栗子:"1" == true
這個表達(dá)式結(jié)果是true,表明不同類型之間的值比較結(jié)果相等。布爾值首先轉(zhuǎn)換為數(shù)字1,然后字符串1也轉(zhuǎn)換成數(shù)字1,因為兩個數(shù)字相等,所以結(jié)果為true
比較運算符
比較運算符有4個
-
<小于 -
>大于 -
<=小于等于 -
>=大于等于
比較運算符的操作數(shù)可以是任何類型,然后只有字符串和數(shù)字才能真正的執(zhí)行比較操作,不是這兩種類型的都將進(jìn)行類型轉(zhuǎn)換。
類型轉(zhuǎn)換規(guī)則:
- 如果操作數(shù)為對象,這個對象將按照對象到原始值的轉(zhuǎn)換(具體可以看上篇)
- 在對象轉(zhuǎn)換到原始值后,如果兩個操作數(shù)都是字符串,那么將按照字母表順序進(jìn)行比較(字母表指的unicode 16位字符的索引順序)
- 對象轉(zhuǎn)換為原始值后,如果一個操作數(shù)不是字符串,那么兩個操作數(shù)轉(zhuǎn)換為數(shù)字之后進(jìn)行比較。
- 0和-0是相等的
- Infinity比其他任何數(shù)字都大(除了自身)
- -Infinity比其他數(shù)字都小(除了自身)
- 如果一個操作數(shù)轉(zhuǎn)換成數(shù)字之后是NaN,那么比較操作符總是返回false
在上面規(guī)則中,字符串比較需要注意:
- 字符串比較是區(qū)分大小寫的,所有的大寫ascii字符都是小于小寫的ascii字符
- 對于數(shù)字和字符串比較,只有兩個操作數(shù)都是字符串時,才會進(jìn)行字符串比較
in運算符
in運算符的左邊總是希望是一個字符串,右邊操作數(shù)總是希望是一個對象,如果右邊對象擁有左操作值的屬性名,會返回true
對象,會傾向查找屬性名
var point = { x:1, y:1};
"x" in point // => true, 對象擁有名為“x”的屬性
"z" in point // => false, 對象不存在名為"z"的屬性
"toString" in point // => true,對象繼承了默認(rèn)的toString()方法
數(shù)組,會傾向查找索引
var data = [1,2,3]
"0" in data // true,數(shù)組包含索引0的元素
1 in data // true,數(shù)組包含索引1的元素
3 in data // false 數(shù)組不包含索引3的元素
instanceof 運算符
instanceof運算符希望左操作數(shù)是一個對象,右操作數(shù)標(biāo)識對象的類,如果左側(cè)的對象是右側(cè)類的實例,則返回true,否則返回false
var d = new Date();
d instanceof Date; // true,d是由Date()創(chuàng)建的
d instanceof Object; // true,所有對象都是Object實例
d instanceof Number; // false, d不是Number的實例
邏輯表達(dá)式
邏輯運算符是進(jìn)行布爾運算使用的,主要有
-
&&邏輯與 -
||邏輯或 -
!邏輯非
邏輯與(&&)
當(dāng)操作數(shù)都是布爾值時,&&對兩個值進(jìn)行布爾與操作,第一個與第二個操作數(shù)都是true時,才返回true,其中一個是false,就會返回false
當(dāng)操作數(shù)不都是布爾值時,&&不一定會返回布爾值。
- 邏輯與運算符,首先計算左側(cè)的值,如果計算結(jié)果是假植,則整個表達(dá)式都是假植,因此會簡單的返回左側(cè)操作數(shù)的值
- 如果左側(cè)值是真值,那么整個表達(dá)式結(jié)果依賴于右側(cè)的值,因此,
&&運算符符會計算右側(cè)操作數(shù)的值,并且將其返回作為整個表達(dá)式的計算結(jié)果
var o ={ x:1 };
var p = null;
o && o.x; // =>1 ,o對象是真值,返回o.x
p && p.x; // => null ,p是假值,將其返回,不會計算p.x
上面那種行為,被稱為 短路,這一特性非常有用,可以選擇性執(zhí)行代碼。 例如:
if ( a == b ) stop(); 等價于 ( a == b ) && stop();
邏輯或(||)
當(dāng)操作數(shù)都是布爾值時,||對兩個操作數(shù)作布爾或運算,兩個操作數(shù)有一個為真,返回true,兩個操作數(shù)都是假,才會返回false
當(dāng)操作數(shù)不都是布爾值,||不一定返回布爾值
- 邏輯或運算符,首先計算左側(cè)的值,如果計算結(jié)果是真值,則整個表達(dá)式都是真值,因此會返回這個真值
- 否則再計算第二個操作數(shù)的值,再返回這個表達(dá)式的計算結(jié)果
||同樣是非常有用,比如從一組備選表達(dá)式中選出第一個真值表達(dá)式。這種做法經(jīng)常在函數(shù)體內(nèi),給參數(shù)提供默認(rèn)值
var max = max_width || preference.max_width || 500;
邏輯非(!)
! 運算符是一元運算符,放在一個單獨的操作數(shù)前,對操作數(shù)布爾值進(jìn)行求反
!運算符首先將操作數(shù)轉(zhuǎn)換為布爾值,再進(jìn)行求反,最終只會返回true或者false
作為一元運算符,優(yōu)先級非常高,并且和操作數(shù)密切綁定。
德摩根公式:
!(p && q) === !p || !q
!(p || q) === !p && !q
賦值表達(dá)式
js 使用=運算符給變量或者屬性進(jìn)行賦值
i = 0;
0.x = 1;
除了常規(guī)的賦值運算符,還有一些帶賦值操作的運算符+=,-=,*=,&=等等
只有+=可以用于數(shù)字或字符串連接,其他都偏向于數(shù)值操作
a = 10;
b = '1';
a += 10; // => 10 + 10 =20
b += 10; // => '1'+10 = "110"
a -= 10; // => 20 - 10 = 10
b -= 10; // => 110 - 10 = 10
表達(dá)式計算
js可以通過eval()來動態(tài)判斷源代碼中的字符串,并且執(zhí)行
eval()只有一個參數(shù),如果傳入的參數(shù)不是字符串,直接返回這個參數(shù)。如果參數(shù)是字符串,則會把字符串當(dāng)成代碼進(jìn)行編譯。
如果編譯失敗,則返回一個語法錯誤異常。如果編譯成功,則會執(zhí)行這段代碼,并且返回字符串最后一個表達(dá)式或者語句的值。
如果最后一個表達(dá)式或語句沒有值,則最終返回undefined
eval()使用來調(diào)用它的變量作用域環(huán)境,也就是說查找變量會和局部作用域代碼完全一樣。
如果將eval()重命名為其他方式來調(diào)用,則使用全局對象作為上下文作用域,并且無法讀、寫、定義局部變量
var geval = eval; // geval 是調(diào)用全局eval
var x = "global";
var y = "global";
function f(){
var x = "local"; // 定義局部變量 x,局部作用域x = “l(fā)ocal”
eval("x+='changed';"); // 直接eval更改局部變量x的值
return x; // 返回更改后的x值
}
function g(){
var y = "local"; // 定義局部變量 y,局部作用域y = “l(fā)ocal”
geval("y+='changed';"); // 間接調(diào)用改變?nèi)肿兞康闹? return y; // 返回為更改的局部變量
}
console.log(f(),x); // 更改來局部變量,輸出"localchanged global"
console.log(g(),y); // 更改全局變量,輸出“l(fā)ocal globalchanged”
其他運算符
條件運算符(?:)
條件運算符是唯一一個三元運算符
(---1---) ? (---2---) : (---3---)
第一個操作數(shù)當(dāng)成布爾值,如果是真值,那么計算第二個操作數(shù),并返回結(jié)果。否則如果第一個操作數(shù)是假植,那么計算第三個數(shù),返回計算結(jié)果
x > 0 ? x : -x // 求x的絕對值
typeof運算符
| x | typeof x |
|---|---|
| undefined | "undefined" |
| null | "object" |
| true or false | "boolean" |
| 任意數(shù)字或NaN | "number" |
| 任意字符串 | "string" |
| 任意函數(shù) | "function" |
| 任意內(nèi)置對象 | "object" |
| 任意宿主對象 | 由編譯器實現(xiàn)的字符串,但不是以上出現(xiàn)的字符串 |
這是一個一元運算符,返回表示操作數(shù)類型的一個字符串
| x | typeof x |
|---|---|
| undefined | "undefined" |
| null | "object" |
| true or false | "boolean" |
| 任意數(shù)字或NaN | "number" |
| 任意字符串 | "string" |
| 任意函數(shù) | "function" |
| 任意內(nèi)置對象 | "object" |
| 任意宿主對象 | 由編譯器實現(xiàn)的字符串,但不是以上出現(xiàn)的字符串 |
delete運算符
delete運算符,用來刪除對象屬性或者數(shù)組元素
var o = { x:1, y:2};
delete o.x; // 刪除一個屬性
"x" in o; // false,o對象中不存在屬性x
var a = [1,23,4];
delete a[2]; //刪除第三個元素
2 in a ; // false, 索引2的元素在數(shù)組中已經(jīng)不存在
delete刪除成功會返回true。然后不是所有屬性都可刪除的
- 一些內(nèi)置核心和客戶端屬性是不能刪除的
- 使用var語句生聲明的變量不能刪除
- 通過function定義的函數(shù)和函數(shù)參數(shù)不能刪除。
var 0 = { x:1, y:2};
delete o.x; // true, 刪除對象屬性成功
typeof o.x; // undefined , 屬性不存在
delete o.x; // true, 刪除不存在的屬性,返回true
delete o; // false ,不能刪除var聲明變量
delete 1; // true, 參數(shù)不是一個左值,返回true
this.x = 1; // 定義全局對象的一個屬性
delete x; // 試圖刪除全局變量的屬性,非嚴(yán)格模式下,返回true
x; // 運行時錯誤,沒有定義x
void 運算符
void 是一元運算符,操作數(shù)照常計算,但是忽略計算結(jié)果并且返回undefined
這個操作符經(jīng)常用作客戶端URL-javascript:URL,通過使用void則讓瀏覽器不必顯示這個表達(dá)式計算結(jié)果
<a href="javascript:void window.open();">打開一個新窗口</a>
逗號運算符
逗號運算符,首先計算左操作數(shù),然后計算右操作數(shù),最后返回右操作數(shù)的值。
總會計算左側(cè)的表達(dá)式,但計算結(jié)果忽略掉,也就是說,只有左側(cè)表達(dá)式有副作用時,,才會使用逗號表達(dá)式讓代碼更通順。
經(jīng)常在for循環(huán)中使用
for(var i=0,j=10;i<j;i++,j--){
console.log(i+j);
}