Maison interface Web js tutoriel [Tutoriel JavaScript] Syntaxe JavaScript

[Tutoriel JavaScript] Syntaxe JavaScript

Dec 24, 2016 pm 02:30 PM

Syntaxe JavaScript

JavaScript est un langage de programmation. Les règles de grammaire définissent la structure d'une langue.

Syntaxe JavaScript

JavaScript est un langage de script.

C'est un langage de programmation léger mais puissant.

JavaScript Littéral

Dans un langage de programmation, un littéral est une constante, comme en 3.14.

Le nombre littéral peut être un nombre entier ou décimal, ou une notation scientifique (e).

3.14

1001

123e5
Copier après la connexion

Le littéral de chaîne peut être écrit avec des guillemets doubles ou simples :

"John Doe"

'John Doe'
Copier après la connexion

Le littéral d'expression est utilisé pour le calcul :

5 + 6

5 * 10
Copier après la connexion

Le littéral de tableau définit un tableau :

[40, 100, 1, 5, 25, 10]
Copier après la connexion

Object literal définit un objet :

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
Copier après la connexion

Function literal Quantity Définir une fonction :

function myFunction(a, b) { return a * b;}
Copier après la connexion

Variables JavaScript

In langages de programmation, les variables sont utilisées pour stocker les valeurs des données.

JavaScript utilise le mot-clé var pour définir les variables et le signe égal pour attribuer des valeurs aux variables :

var x, length

x = 5

length = 6
Copier après la connexion

Les variables sont accessibles via les noms de variables. Dans les langages impératifs, les variables sont généralement mutables. Un littéral est une valeur constante.


Une variable est un nom. Un littéral est une valeur.

Opérateurs JavaScript

JavaScript utilise des opérateurs arithmétiques pour calculer les valeurs :

(5 + 6) * 10
Copier après la connexion

JavaScript utilise des opérateurs d'affectation Attribuer une valeur à une variable :

x = 5
y = 6
z = (x + y) * 10
Copier après la connexion

Le langage JavaScript possède de nombreux types d'opérateurs : /p>

Type

Instance

Description

Opérateurs d'affectation, arithmétiques et au niveau du bit = - - * / Description dans les opérateurs JS

Opérateurs conditionnels, de comparaison et logiques == != < ; dans l'opérateur de comparaison JS

Instruction JavaScript

En HTML, l'instruction JavaScript envoie une commande au navigateur. Les instructions

sont séparées par des points-virgules :

x = 5 + 6;
y = x * 10;
Copier après la connexion

Mots-clés JavaScript

Les instructions JavaScript commencent généralement par des mots-clés. Le mot-clé var indique au navigateur de créer une nouvelle variable :

var x = 5 + 6;
var y = x * 10;
Copier après la connexion

Identifiants JavaScript

Comme tout autre langage de programmation, JavaScript réserve certains identifiants pour son propre usage.

JavaScript réserve également certains mots-clés qui ne sont pas utilisés dans la version actuelle du langage, mais qui seront utilisés dans les futures extensions JavaScript.

Les identifiants JavaScript doivent commencer par une lettre, un trait de soulignement (_) ou un signe dollar ($).

Les caractères suivants peuvent être des lettres, des chiffres, des traits de soulignement ou des signes dollar (les chiffres ne sont pas autorisés à apparaître comme premier caractère afin que JavaScript puisse facilement distinguer les identifiants des chiffres).

Voici les mots réservés les plus importants en JavaScript (par ordre alphabétique) :

abstract else instanceof super

boolean enum int switch

interface d'exportation de rupture synchronisée

l'octet étend ce

cas faux lancer long

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 通过对象字面量赋值
Copier après la connexion

数据类型的概念

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

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

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

16 + "Volvo"
Copier après la connexion

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

"16Volvo"
Copier après la connexion

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

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

JavaScript 函数

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

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

function myFunction(a, b) {
    return a * b;                                // 返回 a 乘于 b 的结果
}
Copier après la connexion

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

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

函数 getElementById 与 getElementbyID 是不同的。

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

JavaScript 字符集

JavaScript 使用 Unicode 字符集。

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

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

您知道吗?

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

 以上就是【JavaScript教程】JavaScript 语法的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment créer et publier mes propres bibliothèques JavaScript? Comment créer et publier mes propres bibliothèques JavaScript? Mar 18, 2025 pm 03:12 PM

L'article discute de la création, de la publication et du maintien des bibliothèques JavaScript, en se concentrant sur la planification, le développement, les tests, la documentation et les stratégies de promotion.

Comment optimiser le code JavaScript pour les performances dans le navigateur? Comment optimiser le code JavaScript pour les performances dans le navigateur? Mar 18, 2025 pm 03:14 PM

L'article traite des stratégies pour optimiser les performances JavaScript dans les navigateurs, en nous concentrant sur la réduction du temps d'exécution et la minimisation de l'impact sur la vitesse de chargement de la page.

Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal? Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal? Apr 04, 2025 pm 02:42 PM

Des questions et des solutions fréquemment posées pour l'impression de billets thermiques frontaux pour le développement frontal, l'impression de billets est une exigence commune. Cependant, de nombreux développeurs mettent en œuvre ...

Comment déboguer efficacement le code JavaScript à l'aide d'outils de développeur de navigateur? Comment déboguer efficacement le code JavaScript à l'aide d'outils de développeur de navigateur? Mar 18, 2025 pm 03:16 PM

L'article traite du débogage efficace de JavaScript à l'aide d'outils de développeur de navigateur, de se concentrer sur la définition des points d'arrêt, de l'utilisation de la console et d'analyser les performances.

Qui est payé plus de python ou de javascript? Qui est payé plus de python ou de javascript? Apr 04, 2025 am 12:09 AM

Il n'y a pas de salaire absolu pour les développeurs Python et JavaScript, selon les compétences et les besoins de l'industrie. 1. Python peut être davantage payé en science des données et en apprentissage automatique. 2. JavaScript a une grande demande dans le développement frontal et complet, et son salaire est également considérable. 3. Les facteurs d'influence comprennent l'expérience, la localisation géographique, la taille de l'entreprise et les compétences spécifiques.

Comment utiliser les cartes source pour déboguer le code JavaScript minifié? Comment utiliser les cartes source pour déboguer le code JavaScript minifié? Mar 18, 2025 pm 03:17 PM

L'article explique comment utiliser les cartes source pour déboguer JavaScript minifiée en le mappant au code d'origine. Il discute de l'activation des cartes source, de la définition de points d'arrêt et de l'utilisation d'outils comme Chrome Devtools et WebPack.

La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents? La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents? Apr 04, 2025 pm 05:12 PM

Discussion approfondie des causes profondes de la différence de sortie Console.log. Cet article analysera les différences dans les résultats de sortie de la fonction Console.log dans un morceau de code et expliquera les raisons derrière. � ...

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript? Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript? Apr 04, 2025 pm 05:09 PM

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en JavaScript? Lors du traitement des données, nous rencontrons souvent la nécessité d'avoir le même ID ...

See all articles