首頁 > web前端 > js教程 > 主體

淺析JavaScript中的運算元與表達式

青灯夜游
發布: 2022-10-27 19:21:44
轉載
1413 人瀏覽過

以下這篇文章跟大家介紹一下JavaScript中的運算元與表達式,希望能幫助大家!

淺析JavaScript中的運算元與表達式

1.表達式

#1.1原始表達式

3.14  //数字直接量
"hello world"  //字符串直接量
/pattern/  //正则表达式直接量

true  //返回一个布尔值: 真
false  //返回一个布尔值: 假
null  //返回一个值: 空
this  //返回“当前”对象

i  //返回变量i的值
sum //返回sum的值
undefined  //undefined是全局变量,和null不同,它不是一个关键字
登入後複製

1.2表達式

運算元以及運算子組合而成。

1
1 + 2
(1 + 2) * 3
(1 + 2 ) * 3 && !flag
登入後複製

2.運算子

  • 算術運算子 , -, *, /, %, ** ): 普通的加、減、乘、除、取餘運算,其中**次方運算子
 3 ** 2 // 结果为:9
登入後複製
  • 一元運算子 , --, , -): 有些只需要一個運算元的運算符,注意 , --放在變數左右側的差別,放在變數的左邊是先自增(減),再取值,放在右邊則相反。
let a = 2, y, z;
y = ++a // 先执行a = a + 1, 得到 a = 3, 然后将a赋值给y,则y = 3
z = a++ // 接上面a = 3, 将a赋值给z,则z = 3,然后再执行 a = a + 1, 得到a = 4

//一元证号(+)
+3  //3
+'3'  //3
+true  //1
+functioan(a){return a}  //NaN
登入後複製
  • 賦值運算子=, =, -=, *=, /=, %=):將某個常數或變數或表達式的值賦值給另一個變量,注意:ES6新增的解構賦值
//解构数组
let [a, b, c] = ['one', 'two', 'three']  // a = 'one', b = 'two', c = 'three'
//解构对象
let { name, age } = { name: 'cc', age: 100 }  // name = 'cc', age = 100
登入後複製
  • 相等運算子==, !=, ===, !==):用來比較左右的運算數是否相等。可參考:JS比較運算子(“===”和“==”)的匹配規則以及if()條件的判斷結果
  • 關係運算子>, <, >=, <=): 用來比較運算元左右的運算元的大小。
  • 位元運算子&, |, ~, ^, <<, >>, >>>): 將其操作數轉換為二進位後,進行與、或、非、異或等操作運算,最終傳回JS中的一個數值。其中>>>無符號右移
  • 邏輯運算子&&, ||, !): 主要透過與、或、非來判斷一個表達式的值是否為true。 注意:與和或操作有短路計算效果。
//短路计算
false && (anything) // 结果为false
true || (anything) // 结果为anything

//方法1: 设置x的缺省值
function test(x) {
	x = x || 100
}
test(10)  //x = 10
test()  // x = 100

// 方法2: ES6的方式
function test(x = 100) {
 ...
}
test(10)  //x = 10
test()  // x = 100
登入後複製
  • 條件運算子? :): JS中唯一一個有3個運算數的運算符,一般用於if語句的簡短形式來使用。

【相關推薦:javascript影片教學程式設計影片

以上是淺析JavaScript中的運算元與表達式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!