Heim > Web-Frontend > js-Tutorial > Eine kurze Analyse von Operatoren und Ausdrücken in JavaScript

Eine kurze Analyse von Operatoren und Ausdrücken in JavaScript

青灯夜游
Freigeben: 2022-10-27 19:21:44
nach vorne
1608 Leute haben es durchsucht

Der folgende Artikel stellt Ihnen die Operatoren und Ausdrücke in JavaScript vor. Ich hoffe, er wird Ihnen hilfreich sein!

Eine kurze Analyse von Operatoren und Ausdrücken in JavaScript

1. Ausdruck

1.1 Originalausdruck

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

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

i  //返回变量i的值
sum //返回sum的值
undefined  //undefined是全局变量,和null不同,它不是一个关键字
Nach dem Login kopieren

1.2 Ausdruck

Operanden und Operatoren werden kombiniert.

1
1 + 2
(1 + 2) * 3
(1 + 2 ) * 3 && !flag
Nach dem Login kopieren

2. Operatoren

  • Arithmetische Operatoren (+, -, *, /, %, **): gewöhnliche Addition, Subtraktion, Multiplikation, Division und Restoperation , wobei ** der +, -, *, /, %, **): 普通的加、减、乘、除、取余运算,其中**次方运算符
 3 ** 2 // 结果为:9
Nach dem Login kopieren
  • 一元运算符++, --, +, -): 一些只需要一个操作数的运算符,注意++, --放在变量左右侧的差别,放在变量的左侧是先自增(减),再取值,放在右侧则相反。
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
Nach dem Login kopieren
  • 赋值运算符=, +=, -=, *=, /=, %=):将某个常量或变量或表达式的值赋值给另一个变量,注意: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
Nach dem Login kopieren
  • 相等运算符==, !=, ===, !==):用于比较左右的操作数是否相等。可参考: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
Nach dem Login kopieren
  • 条件运算符? :te Potenzoperator
  • ist.

rrreeeUnäre Operatoren (++, --, +, -): Einige Operatoren, die nur einen Operanden erfordern,

Hinweis🎜: ++, - - Code>Der Unterschied zwischen der Platzierung auf der linken und der rechten Seite einer Variablen besteht darin, dass die Platzierung auf der linken Seite der Variablen zuerst inkrementiert (dekrementiert) wird und dann den Wert annimmt, während die Platzierung auf der rechten Seite das Gegenteil bewirkt . 🎜🎜rrreee🎜🎜🎜Zuweisungsoperator🎜 (<code>=, +=, -=, *=, /=, %=): Weisen Sie den Wert einer Konstante, Variablen oder eines Ausdrucks einer anderen A-Variablen zu, 🎜Hinweis: Die neue Destrukturierungsaufgabe von ES6🎜. 🎜🎜rrreee🎜🎜🎜Gleichheitsoperator🎜 (==, !=, ===, !==): Wird verwendet, um zu vergleichen, ob der linke und der rechte Operand gleich sind. Bitte beachten Sie: JS-Vergleichsoperatoren ( "===" und "= =“) Übereinstimmungsregeln und die Beurteilungsergebnisse der if()-Bedingungen🎜. 🎜🎜🎜Relationale Operatoren🎜 (>, <, >=, <=): Wird verwendet, um die Größe der Operanden links und rechts vom Operator zu vergleichen. 🎜🎜🎜Bit-Operator🎜 (&, |, ~, ^, <<, >>, >>>): Führen Sie nach der Konvertierung seiner Operanden in binäre Operationen aus, z als UND, ODER, NICHT, XOR usw. und schließlich einen Wert in JS zurückgeben. Unter ihnen ist eine 🎜rechtsverschiebung ohne Vorzeichen🎜. 🎜🎜🎜Logische Operatoren🎜 (&&, ||, !): Verwenden Sie hauptsächlich AND, OR, NOT, um zu bestimmen, ob der Wert eines Ausdrucks wahr ist. 🎜Hinweis🎜: UND- und/oder-Verknüpfungen haben einen Kurzschlussberechnungseffekt. 🎜🎜rrreee🎜🎜🎜Bedingter Operator🎜 (? :): Der einzige Operator in JS mit 3 Operanden, der im Allgemeinen in der Kurzform von if-Anweisungen verwendet wird. 🎜🎜🎜【Verwandte Empfehlungen: 🎜Javascript-Video-Tutorial🎜, 🎜Programmiervideo🎜】🎜

Das obige ist der detaillierte Inhalt vonEine kurze Analyse von Operatoren und Ausdrücken in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage