ホームページ ウェブフロントエンド jsチュートリアル [JavaScript チュートリアル] JavaScript の構文

[JavaScript チュートリアル] JavaScript の構文

Dec 24, 2016 pm 02:30 PM

JavaScript 構文

JavaScript はプログラミング言語です。文法規則は言語の構造を定義します。

JavaScript 構文

JavaScript はスクリプト言語です。

これは軽量でありながら強力なプログラミング言語です。

JavaScript リテラル

プログラミング言語では、3.14 のように、リテラルは定数です。

数値リテラルには、整数、10 進数、または科学表記法 (e) を使用できます。

3.14

1001

123e5
ログイン後にコピー

文字列リテラルは二重引用符または一重引用符で記述できます:

"John Doe"

'John Doe'
ログイン後にコピー

式リテラルは計算に使用されます:

5 + 6

5 * 10
ログイン後にコピー

配列リテラルは配列を定義します:

[40, 100, 1, 5, 25, 10]
ログイン後にコピー

Object (オブジェクト) リテラルはオブジェクトを定義します:

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
ログイン後にコピー

Function ( Function) リテラルは関数を定義します:

function myFunction(a, b) { return a * b;}
ログイン後にコピー

JavaScript 変数

プログラミング言語では、変数はデータ値を格納するために使用されます。

JavaScript は、キーワード var を使用して変数を定義し、等号を使用して変数に値を割り当てます:

var x, length

x = 5

length = 6
ログイン後にコピー

変数には、変数名を通じてアクセスできます。命令型言語では、変数は通常変更可能です。リテラルは定数値です。


変数とは名前です。リテラルは値です。

JavaScript 演算子

JavaScript は算術演算子を使用して値を計算します:

(5 + 6) * 10
ログイン後にコピー

JavaScript は代入演算子を使用して値を変数に代入します:

x = 5
y = 6
z = (x + y) * 10
ログイン後にコピー

JavaScript 言語には多くの種類の演算子があります: /p>

インスタンス

説明

代入演算子、算術演算子、ビット演算子 = + - * / JS 演算子で説明

条件演算子、比較演算子、論理演算子 == != < JS で説明

JavaScript ステートメント

HTML では、JavaScript ステートメントはブラウザーにコマンドを発行します。

ステートメントはセミコロンで区切られます:

x = 5 + 6;
y = x * 10;
ログイン後にコピー

JavaScript キーワード

JavaScript ステートメントは通常、キーワードで始まります。 var キーワードは、ブラウザーに新しい変数を作成するように指示します。

var x = 5 + 6;
var y = x * 10;
ログイン後にコピー

JavaScript 識別子

他のプログラミング言語と同様に、JavaScript は独自の使用のためにいくつかの識別子を予約しています。

JavaScript では、現在の言語バージョンでは使用されていないが、将来の JavaScript 拡張機能で使用されるいくつかのキーワードも予約されています。

JavaScript 識別子は、文字、アンダースコア (_)、またはドル記号 ($) で始まる必要があります。

次の文字には、文字、数字、アンダースコア、またはドル記号を使用できます (JavaScript が識別子と数字を簡単に区別できるように、最初の文字として数字を使用することはできません)。

以下は JavaScript で最も重要な予約語です (アルファベット順):

abstract else instanceof super

boolean enum int switch

break エクスポートインターフェイスの同期化

byte extends let this this

ケース偽遠投

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 通过对象字面量赋值
ログイン後にコピー

数据类型的概念

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

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

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

16 + "Volvo"
ログイン後にコピー

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

"16Volvo"
ログイン後にコピー

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

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

JavaScript 函数

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

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

function myFunction(a, b) {
    return a * b;                                // 返回 a 乘于 b 的结果
}
ログイン後にコピー

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

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

函数 getElementById 与 getElementbyID 是不同的。

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

JavaScript 字符集

JavaScript 使用 Unicode 字符集。

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

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

您知道吗?

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

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


このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか? 独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか? Mar 18, 2025 pm 03:12 PM

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか? ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか? Mar 18, 2025 pm 03:14 PM

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? Apr 04, 2025 pm 02:42 PM

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか? ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか? Mar 18, 2025 pm 03:16 PM

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

誰がより多くのPythonまたはJavaScriptを支払われますか? 誰がより多くのPythonまたはJavaScriptを支払われますか? Apr 04, 2025 am 12:09 AM

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

ソースマップを使用して、マイナイドJavaScriptコードをデバッグするにはどうすればよいですか? ソースマップを使用して、マイナイドJavaScriptコードをデバッグするにはどうすればよいですか? Mar 18, 2025 pm 03:17 PM

この記事では、ソースマップを使用して、元のコードにマッピングすることにより、Minified JavaScriptをデバッグする方法について説明します。ソースマップの有効化、ブレークポイントの設定、Chrome DevtoolsやWebpackなどのツールの使用について説明します。

Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Apr 04, 2025 pm 05:12 PM

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は? JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は? Apr 04, 2025 pm 05:09 PM

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は?データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

See all articles