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

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

黄舟
黄舟オリジナル
2016-12-24 14:30:45943ブラウズ

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 までご連絡ください。