Heim > Web-Frontend > Front-End-Fragen und Antworten > Was sind die Grundelemente der Javascript-Syntax?

Was sind die Grundelemente der Javascript-Syntax?

藏色散人
Freigeben: 2022-01-19 14:33:28
Original
1731 Leute haben es durchsucht

Die Grundelemente der JavaScript-Syntax sind Werte, Operatoren, Ausdrücke, Schlüsselwörter und Kommentare. Jede JavaScript-Anweisung endet mit einem Semikolon. Wenn eine Anweisung eine Zeile einnimmt, ist es nicht erforderlich, ein Semikolon zu schreiben.

Was sind die Grundelemente der Javascript-Syntax?

Die Betriebsumgebung dieses Artikels: Windows 7-System, Javascript-Version 1.8.5, DELL G3-Computer

JavaScript-Syntax

Was sind die Grundelemente von js-Anweisungen? Worauf sollten Sie achten? bei der Verwendung von js-Werten und -Operatoren?

Was ist Grammatik? Eigentlich ist Grammatik ein Regelwerk. Genau wie beim Chinesischlernen lernen wir Subjekt, Prädikat, Objekt und adverbiale Ergänzung. JS verfügt außerdem über eine Syntax und ein eigenes Regelwerk.

Genau wie beim Sprechen besteht der Inhalt unserer Rede aus einer Reihe von Aussagen, und das JS-Programm besteht ebenfalls aus einer Reihe von Aussagen.

Wir sprechen Satz für Satz und die Ausführung des Programms erfolgt ebenfalls Satz für Satz.

Im Frontend wird das JS-Programm vom Browser ausgeführt.

JS-Anweisungen bestehen aus Werten, Operatoren, Ausdrücken, Schlüsselwörtern und Kommentaren. Das ist so, als ob jeder Satz, den wir normalerweise sagen, aus einzelnen Wörtern besteht.

Jede Anweisung endet mit einem Semikolon.

Wenn eine Anweisung eine Zeile einnimmt, muss kein Semikolon geschrieben werden. Ich schlage jedoch vor, dass Sie sich angewöhnen, Semikolons zu schreiben, um unnötigen Ärger zu vermeiden.

JS ignoriert mehrere Leerzeichen, um die Lesbarkeit zu verbessern. Ich schlage vor, dass Sie Leerzeichen in den Code einfügen, z. B. die folgenden zwei Codezeilen:

var name = "刘小妞";var name="刘小妞";
Nach dem Login kopieren

Die beiden Sätze sind gleich, aber im ersten Satz verwenden wir Gleichheitszeichen Durch das Hinzufügen von Leerzeichen auf der linken und rechten Seite sieht es viel komfortabler aus.

JS-Anweisungen können in geschweifte Klammern {} eingeschlossen werden, und der Code in den geschweiften Klammern wird als Codeblock bezeichnet. Codeblöcke werden normalerweise in Funktionen verwendet, auf die wir später noch eingehen werden.

Jetzt stellen wir die Werte, Operatoren, Ausdrücke, Schlüsselwörter und Kommentare in JS-Anweisungen vor.

- Kommentare

Es ist weiterhin notwendig, Kommentare entsprechend im Code hinzuzufügen. Es verbessert nicht nur die Lesbarkeit des Codes, sondern erleichtert auch das Debuggen des Codes.

Kommentare werden hauptsächlich verwendet, um Erläuterungen zum Code hinzuzufügen und die Funktionen des aktuellen Codes zu erläutern.

Der Inhalt der Kommentare wird nicht ausgeführt.

Kommentare sind in einzeilige Kommentare und mehrzeilige Kommentare unterteilt.

Einzeilige Kommentare beginnen mit // und der Inhalt nach // wird nicht ausgeführt. Zum Beispiel:

//给变量a赋值1
var a = 1 ;
var b = 2 ; //给变量b赋值2
单行注释的位置,通常在代码上面单独一行或者代码后面。

多行注释以 /* 开头,以 */ 结尾。这个和CSS的注释一样。
多行注释也叫注释块。写个例子。

/*
下面代码是给变量a和b赋值
a的值是1,b的值是2。
*/
var a = 1 ;
var b = 2 ;

一般情况下,单行注释就足够了。
Nach dem Login kopieren

Wenn wir Code debuggen, verwenden wir häufig Kommentare. Zum Beispiel:

//var a = 1;
var a = 2;
Nach dem Login kopieren

Wir können Kommentare hinzufügen, anstatt Code hin und her einzugeben.

- JS-Werte

JS-Anweisungen definieren drei Arten von Werten: gemischte Werte, variable Werte und konstante Werte.

Gemischte Werte werden als Literale bezeichnet, Variablenwerte werden als Variablen bezeichnet und konstante Werte werden als Konstanten bezeichnet.

Die buchstäbliche Menge wird auch als direkte Menge bezeichnet, das heißt, was Sie sehen, ist das, was Sie sehen. Es kann auch als Wert verstanden werden. Beispielsweise ist 1 1, 2 ist 2 oder es kann eine Dezimalzahl sein, beispielsweise eine Zeichenfolge. Eine Zeichenfolge ist Text, der in doppelte oder einfache Anführungszeichen gesetzt ist, beispielsweise „Liu Xiaoniu“, „Liu Xiaoniu“. Es kann auch ein Array oder ein Objekt sein.

Literale erscheinen normalerweise auf der rechten Seite des Zuweisungsoperators, der im Folgenden separat vorgestellt wird. Zum Beispiel:

var a = "刘小妞"; //a是变量,等号右边的字符串刘小妞是字面量。
Nach dem Login kopieren

Variablen und Konstanten werden zum Speichern von Datenwerten verwendet, sie sind Container.

Variablen werden mit dem Schlüsselwort var deklariert und Konstanten werden mit const deklariert.

Der Unterschied zwischen Variablen und Konstanten besteht darin, dass Variablen Variablenwerte speichern und mehrfach zugewiesen werden können. Konstanten speichern unveränderliche Werte und können nicht mehrfach zugewiesen werden.

Konstanten müssen bei der Deklaration einen Anfangswert haben, Variablen müssen dies jedoch nicht. Im Allgemeinen werden Konstanten in Großbuchstaben geschrieben.

Bei der Zuweisung werden normalerweise drei Arten von Werten in JS verwendet.

- JS-Operatoren

Operatoren sollten uns bekannt sein, wir haben sie in der Mathematik der Grundschule gelernt. Die arithmetischen Operatoren sind beispielsweise: Addition, Subtraktion, Multiplikation und Division, und die Vergleichsoperatoren sind: größer als, gleich und kleiner als. Die Operatoren in JS ähneln denen in der Mathematik, außer dass es mehr Operatoren als in der Grundschulmathematik gibt und es einen kleinen Unterschied gibt. Lassen Sie uns sie einzeln vorstellen.

Zu den häufig verwendeten Operatoren in JS gehören:

Zuweisungsoperator
Arithmetischer Operator
Vergleichsoperator
Logischer Operator
Typoperator

Zuweisungsoperator: (=)

Der Zuweisungsoperator ist ein Gleichheitszeichen In der Mathematik wird zum Vergleich das Gleichheitszeichen verwendet. Aber in JS wird für die Zuweisung ein Gleichheitszeichen verwendet. Als wir oben Werte einführten, sagten wir, dass die drei Arten von Werten in JS normalerweise für die Zuweisung verwendet werden und die Zuweisung durch das Gleichheitszeichen erreicht wird. Zum Beispiel:

rrree

Ein Gleichheitszeichen ist der einfachste Zuweisungsoperator, und es gibt einige fortgeschrittenere Zuweisungsoperatoren. Sie sind nicht nur Zuweisungen, sondern haben in diesem Artikel auch mehrere andere Operatoren. lass es uns noch einmal vorstellen.

-JS的 算数运算符

加法运算符:(+)

加法运算符有点特殊,因为在JS里,加号(+)也表示连接。所以,需要看加号两边值的类型。

1、加号两边都是数字,结果是两个数字相加的结果。比如:

var a = 1 + 1 ; //a的值是2
Nach dem Login kopieren

2、加号两边都是字符串,结果是两个字符串拼接。比如:

var a = '我是刘小妞'  + '栖息地' ; //a的结果是:“我是刘小妞栖息地”
Nach dem Login kopieren

3、加号两边一个数字一个字符串,结果是数字和字符串拼接成的字符串。比如:

var a = 1 + '刘小妞' ; //a的结果是:“1刘小妞”var a = '刘小妞' + 10 ; //a的结果是:“刘小妞10”
Nach dem Login kopieren

减法运算符:(-)
乘法运算符:(*)
除法运算符:(/)

减、乘、除,这三个和我们数学运算符的作用是一样的,只不过,符号不太一样。乘法用星号,除法用斜杠。

系数运算符:(%)它是返回余数。比如:

var a = 8 % 3; //a的值是2
Nach dem Login kopieren

递增运算符:(++)对数值进行递增,比如:

var a = 1;a++;var b = a;  //b的值是2
Nach dem Login kopieren

递增就是在原来的基础上加1。

递减运算符:(–)对数值进行递减

var a = 10;a--;var b = a;  //b的值是9
Nach dem Login kopieren

递减就是在原来的基础上减1。

说一下a++和++a的区别吧。在赋值的时候,它们两个的执行顺序是不一样的。比如:

var a = 1;var b = a++; //b的值1。
Nach dem Login kopieren

a++是先赋值,再递增。

var a = 10;var b = ++a; //b的值是11。
Nach dem Login kopieren

++a是先递增,再赋值。

a–和--a也是类似的。a–先赋值再递减,–a先递减再赋值。

这个也好记,就是值和运算符谁在前面,就先执行谁。

运算符的优先级和小学数学里的一样,计算顺序是从左到右,先乘除后加减,有括号的,先算括号里的。

-JS的比较运算符

大于运算符:(>)
小于运算符:(>)
大于或等于运算符:(>=)
小于或等于运算符:(<=)
等于运算符:(==)
等值等型运算符:(===)
不相等运算符:(!=)
不等值或不等型运算符:(!==)
三元运算符:(?)

大于、小于、大于等于、小于等于这四种和数学里的一样,我就不解释了。我重点讲下面的5种运算符。

等于运算符:(==),它的作用和数学里的一个等号是一样的,因为JS里一个等号被用做赋值了,所以,等于运算符用了两个等号。

等值等型运算符:(===),等值等型运算符是三个等号,它比两个等号严格一些,不仅两个数值要相等,两个值的类型也需要相等。

JS里有很多数据类型,有字符串,有数值等等,数据类型以后如果写的话再单独写,今天简单提一下。举个例子:

var a = &#39;123&#39; ;var b = 123 ;
Nach dem Login kopieren

a和b,a是字符串,b是数值。

a和b用两个等号比较,是相等的;用三个等号比较是不相等的。因为它们两个的数据类型不一样。

不相等运算符:(!=)
不等值或不等型运算符:(!==)

这两个和上面的等于运算符:(==)等值等型运算符:(===)类似。只不过,它俩比较的是不相等。

在讲三元运算符之前,我先介绍一个数据类型:布尔值

它有两个值:true和false。true是真,false是假。在写条件判断的时候,我们经常会用到这两个值。true就是条件成立,false就是条件不成立。

三元运算符:(?),也叫条件运算符,它这个稍微复杂一点。它一般是用在条件赋值里。格式如下:

var a = (condition) ? value1 :value2;
Nach dem Login kopieren

括号里是条件,如果condition的值是true,也就是条件成立,a的值就是value1,否则,a的值是value2。

写个小例子:

var a = 1 ;var b = (a>0) ? 2 : 3 ;  //b的值是2
Nach dem Login kopieren

三元运算符,我们在后面讲条件语句的时候,还会提到。

- JS的逻辑运算符

逻辑与运算符:(&&)
逻辑或运算符:(||)
逻辑非运算符:(!)

逻辑运算符总共三个,。它们一般是用在条件语句里的判断。

一般是连接多个判断条件,判断条件通常是用比较运算符连接。

逻辑与连接的多个运算结果都为真,它的结果才会是真,否则为假。
逻辑或连接的多个运算结果,有一个为真,它就为真。

举个例子:

var a = 1 ;var b = 5 ;var c = (a>0 && b<10); //c的值为truevar d = (a<0 || b<10); //d的值为true
Nach dem Login kopieren

逻辑非是取反。如果当前是真(true),取反就是假,当前是假,取反就是真。

写个例子:

var a = 1 ;var b = 5 ;var c = (a==b); //c的值是falsevar d = !c ; //d的值是true
Nach dem Login kopieren

逻辑运算符从字面意思也能理解。
就是并且的意思;就是或者的意思;就是相反的意思。

说一下前面说的高级一点的赋值运算符吧。其实,高级一点的运算符就是把上面说的运算符综合运用了一下。列几个常用的吧。

赋值运算符:(+=),比如: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

- JS的表达式

表达式是值和运算符的组合,计算结果是值。

我们前面介绍值和运算符的时候,其实一直在写表达式。比如:

1 + 1a + 1"刘小妞" + "栖息地"
Nach dem Login kopieren

- JS的关键词

关键词是JS自己保留的单词,这些单词都是有特定功能的,我们在定义变量的时候,不能用关键词。下表是常用的关键词。

Was sind die Grundelemente der Javascript-Syntax?

推荐学习:《javascript基础教程

Das obige ist der detaillierte Inhalt vonWas sind die Grundelemente der Javascript-Syntax?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage