Heim Web-Frontend js-Tutorial [JavaScript-Tutorial] JavaScript-Syntax

[JavaScript-Tutorial] JavaScript-Syntax

Dec 24, 2016 pm 02:30 PM

JavaScript-Syntax

JavaScript ist eine Programmiersprache. Grammatikregeln definieren die Struktur einer Sprache.

JavaScript-Syntax

JavaScript ist eine Skriptsprache.

Es ist eine leichte, aber dennoch leistungsstarke Programmiersprache.

JavaScript-Literal

In einer Programmiersprache ist ein Literal eine Konstante, wie in 3.14.

Zahlenliteral kann eine Ganzzahl oder eine Dezimalzahl oder eine wissenschaftliche Notation (e) sein.

3.14

1001

123e5
Nach dem Login kopieren

String-Literal kann mit doppelten oder einfachen Anführungszeichen geschrieben werden:

"John Doe"

'John Doe'
Nach dem Login kopieren

Ausdrucksliteral wird zur Berechnung verwendet:

5 + 6

5 * 10
Nach dem Login kopieren

Array-Literal definiert ein Array :

[40, 100, 1, 5, 25, 10]
Nach dem Login kopieren

Objektliteral definiert ein Objekt:

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
Nach dem Login kopieren

Funktionsliteral Menge Definieren Sie eine Funktion:

function myFunction(a, b) { return a * b;}
Nach dem Login kopieren

JavaScript-Variablen

In In Programmiersprachen werden Variablen zum Speichern von Datenwerten verwendet.

JavaScript verwendet das Schlüsselwort var, um Variablen zu definieren, und das Gleichheitszeichen, um Variablen Werte zuzuweisen:

var x, length

x = 5

length = 6
Nach dem Login kopieren

Auf Variablen kann über Variablennamen zugegriffen werden. In imperativen Sprachen sind Variablen normalerweise veränderbar. Ein Literal ist ein konstanter Wert.


Eine Variable ist ein Name. Ein Literal ist ein Wert.

JavaScript-Operatoren

JavaScript verwendet arithmetische Operatoren, um Werte zu berechnen:

(5 + 6) * 10
Nach dem Login kopieren

JavaScript verwendet Zuweisungsoperatoren. Weisen Sie einen Wert zu zu einer Variablen:

x = 5
y = 6
z = (x + y) * 10
Nach dem Login kopieren

Die JavaScript-Sprache hat viele Arten von Operatoren: /p>

Typ

Instanz

Beschreibung

Zuweisung, arithmetische und bitweise Operatoren = + - * / Beschrieben in JS-Operatoren

Bedingte, Vergleichs- und logische Operatoren == != < im JS-Vergleichsoperator

JavaScript-Anweisung

In HTML sendet die JavaScript-Anweisung einen Befehl an den Browser.

Anweisungen werden durch Semikolons getrennt:

x = 5 + 6;
y = x * 10;
Nach dem Login kopieren

JavaScript-Schlüsselwörter

JavaScript-Anweisungen beginnen normalerweise mit Schlüsselwörtern. Das Schlüsselwort var weist den Browser an, eine neue Variable zu erstellen:

var x = 5 + 6;
var y = x * 10;
Nach dem Login kopieren

JavaScript-Bezeichner

Wie jede andere Programmiersprache reserviert JavaScript einige Bezeichner für die eigene Verwendung.

JavaScript behält sich auch einige Schlüsselwörter vor, die in der aktuellen Sprachversion nicht verwendet werden, aber in zukünftigen JavaScript-Erweiterungen verwendet werden.

JavaScript-Bezeichner müssen mit einem Buchstaben, einem Unterstrich (_) oder einem Dollarzeichen ($) beginnen.

Folgende Zeichen können Buchstaben, Zahlen, Unterstriche oder Dollarzeichen sein (Zahlen dürfen nicht als erstes Zeichen erscheinen, damit JavaScript Bezeichner leicht von Zahlen unterscheiden kann).

Hier sind die wichtigsten reservierten Wörter in JavaScript (in alphabetischer Reihenfolge):

abstract else exampleof super

boolean enum int switch

Unterbrechung der Exportschnittstelle synchronisiert

Byte erweitert dieses

Fall falscher langer Wurf

catch final native throws

char finally new transient

class float null true

const for package try

continue function private typeof

debugger goto protected var

default if public void

delete implements return volatile

do import short while

double in static with

JavaScript 注释

不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略:

// 我不会执行

JavaScript 数据类型

JavaScript 有多种数据类型:数字,字符串,数组,对象等等:

var length = 16;                                  // Number 通过数字字面量赋值 
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值
Nach dem Login kopieren

数据类型的概念

编程语言中,数据类型是一个非常重要的内容。

为了可以操作变量,了解数据类型的概念非常重要。

如果没有使用数据类型,以下实例将无法执行:

16 + "Volvo"
Nach dem Login kopieren

16 加上 "Volvo" 是如何计算呢? 以上会产生一个错误还是输出以下结果呢?

"16Volvo"
Nach dem Login kopieren

你可以在浏览器尝试执行以上代码查看效果。

在接下来的章节中你将学到更多关于数据类型的知识。

JavaScript 函数

JavaScript 语句可以写在函数内,函数可以重复引用:

引用一个函数 = 调用函数(执行函数内的语句)。

function myFunction(a, b) {
    return a * b;                                // 返回 a 乘于 b 的结果
}
Nach dem Login kopieren

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。

JavaScript 字符集

JavaScript 使用 Unicode 字符集。

Unicode 覆盖了所有的字符,包含标点等字符。

如需进一步了解,请学习我们的 完整 Unicode 参考手册。

您知道吗?

JavaScript 中,常见的是驼峰法的命名规则,如 lastName (而不是lastname)。    

 以上就是【JavaScript教程】JavaScript 语法的内容,更多相关内容请关注PHP中文网(www.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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie erstelle ich meine eigenen JavaScript -Bibliotheken? Wie erstelle ich meine eigenen JavaScript -Bibliotheken? Mar 18, 2025 pm 03:12 PM

In Artikel werden JavaScript -Bibliotheken erstellt, veröffentlicht und aufrechterhalten und konzentriert sich auf Planung, Entwicklung, Testen, Dokumentation und Werbestrategien.

Wie optimiere ich den JavaScript -Code für die Leistung im Browser? Wie optimiere ich den JavaScript -Code für die Leistung im Browser? Mar 18, 2025 pm 03:14 PM

In dem Artikel werden Strategien zur Optimierung der JavaScript -Leistung in Browsern erörtert, wobei der Schwerpunkt auf die Reduzierung der Ausführungszeit und die Minimierung der Auswirkungen auf die Lastgeschwindigkeit der Seite wird.

Was soll ich tun, wenn ich auf den Codendruck auf Kleidungsstücke für Front-End-Thermalpapier-Quittungen stoße? Was soll ich tun, wenn ich auf den Codendruck auf Kleidungsstücke für Front-End-Thermalpapier-Quittungen stoße? Apr 04, 2025 pm 02:42 PM

Häufig gestellte Fragen und Lösungen für das Ticket-Ticket-Ticket-Ticket in Front-End im Front-End-Entwicklungsdruck ist der Ticketdruck eine häufige Voraussetzung. Viele Entwickler implementieren jedoch ...

Wie debugge ich den JavaScript -Code effektiv mithilfe von Browser -Entwickler -Tools? Wie debugge ich den JavaScript -Code effektiv mithilfe von Browser -Entwickler -Tools? Mar 18, 2025 pm 03:16 PM

In dem Artikel werden effektives JavaScript -Debuggen mithilfe von Browser -Entwickler -Tools, der Schwerpunkt auf dem Festlegen von Haltepunkten, der Konsole und der Analyse der Leistung erörtert.

Wer bekommt mehr Python oder JavaScript bezahlt? Wer bekommt mehr Python oder JavaScript bezahlt? Apr 04, 2025 am 12:09 AM

Es gibt kein absolutes Gehalt für Python- und JavaScript -Entwickler, je nach Fähigkeiten und Branchenbedürfnissen. 1. Python kann mehr in Datenwissenschaft und maschinellem Lernen bezahlt werden. 2. JavaScript hat eine große Nachfrage in der Entwicklung von Front-End- und Full-Stack-Entwicklung, und sein Gehalt ist auch beträchtlich. 3. Einflussfaktoren umfassen Erfahrung, geografische Standort, Unternehmensgröße und spezifische Fähigkeiten.

Wie verwende ich Quellkarten zum Debuggen, um den JavaScript -Code zu debuggen? Wie verwende ich Quellkarten zum Debuggen, um den JavaScript -Code zu debuggen? Mar 18, 2025 pm 03:17 PM

In dem Artikel wird erläutert, wie Quellkarten zum Debuggen von JavaScript verwendet werden, indem er auf den ursprünglichen Code zurückgegeben wird. Es wird erläutert, dass Quellenkarten aktiviert, Breakpoints eingestellt und Tools wie Chrome Devtools und WebPack verwendet werden.

Der Unterschied in der Konsole.log -Ausgabeergebnis: Warum unterscheiden sich die beiden Anrufe? Der Unterschied in der Konsole.log -Ausgabeergebnis: Warum unterscheiden sich die beiden Anrufe? Apr 04, 2025 pm 05:12 PM

Eingehende Diskussion der Ursachen des Unterschieds in der Konsole.log-Ausgabe. In diesem Artikel wird die Unterschiede in den Ausgabeergebnissen der Konsolenfunktion in einem Code analysiert und die Gründe dafür erläutert. � ...

Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt? Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt? Apr 04, 2025 pm 05:09 PM

Wie fusioniere ich Array -Elemente mit derselben ID in ein Objekt in JavaScript? Bei der Verarbeitung von Daten begegnen wir häufig die Notwendigkeit, dieselbe ID zu haben ...

See all articles