JavaScript(四）——JavaScript 语法

[JavaScript 语法](#JavaScript 语法)

[JavaScript 字面量](#JavaScript 字面量)

[JavaScript 变量](#JavaScript 变量)

[JavaScript 操作符](#JavaScript 操作符)

[JavaScript 语句](#JavaScript 语句)

[JavaScript 关键字](#JavaScript 关键字)

[JavaScript 注释](#JavaScript 注释)

[JavaScript 数据类型](#JavaScript 数据类型)

[JavaScript 函数](#JavaScript 函数)

[JavaScript 字母大小写](#JavaScript 字母大小写)

[JavaScript 字符集](#JavaScript 字符集)

驼峰命名法

小驼峰命名法

大驼峰命名法（帕斯卡命名法）

JavaScript 语法

语法规则定义语言结构。

JavaScript 是一个脚本语言。

它是一个轻量级，但功能强大的编程语言。

JavaScript 字面量

在编程语言中，一般固定值称为字面量，如 3.14。

数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)

javascript 复制代码

document.getElementById("demo").innerHTML = 123e5;
document.getElementById("demo2").innerHTML = 3.14;
document.getElementById("demo3").innerHTML = 1001;

javascript 复制代码

<body>
    <p id="demo">
        111
    </p>
    <script>
        document.getElementById("demo").innerHTML = 123e5;
    </script>
</body>

javascript 复制代码

document.getElementById("demo").innerHTML = 123e5;
document.getElementById("demo").innerHTML = 3.14;
document.getElementById("demo").innerHTML = 1001;

如果这些内容都是相对于一个demo的话，那么最后显示的是1001，下面的会覆盖上面的

如果想让这三个值都显示的话，应该是

javascript 复制代码

document.getElementById("demo").innerHTML = 123e5 + ", " + 1001 + ", " + 3.14;

字符串（String）字面量 可以使用单引号或双引号

javascript 复制代码

document.getElementById("demo").innerHTML="vera";
document.getElementById("demo").innerHTML='vera';

表达式字面量 用于计算

javascript 复制代码

document.getElementById("demo").innerHTML = 5+5 ;
document.getElementById("demo").innerHTML = 5*10;

数组（Array）字面量 定义一个数组

javascript 复制代码

document.getElementById("demo").innerHTML = [40, 100, 1, 5, 25, 10];

或者

javascript 复制代码

x = docement.getElementById("demo");
x.innerHTML = [40, 100, 1, 5, 25, 10];

JavaScript 变量

在编程语言中，变量用于存储数据值

JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值

css 复制代码

<script>
var x, length = 5;
length = 6;
</script>

变量可以通过变量名访问

javascript 复制代码

<body>
    <p id="demo">
        111
    </p>
    <script>
        var x,length;
        x=5;
        length=6;
        x = document.getElementById("demo");
        x.innerHTML = length;
    </script>
</body>

运行结果：

在指令式语言中，变量通常是可变的。字面量是一个恒定的值。变量是一个名称。字面量是一个值

JavaScript 操作符

JavaScript使用 算术运算符 来计算值 = + - * /

JavaScript使用赋值运算符给变量赋值 == != < >

JavaScript 语句

在 HTML 中，JavaScript 语句用于向浏览器发出命令。

语句是用分号（；）分隔

JavaScript 关键字

JavaScript 关键字用于标识要执行的操作

以下是 JavaScript 中最重要的保留关键字（按字母顺序）：

|----------|------------|------------|--------------|
| abstract | else | instanceof | super |
| boolean | enum | int | switch |
| break | export | interface | synchronized |
| byte | extends | let | this |
| case | false | long | throw |
| 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 通过对象字面量赋值

JavaScript 函数

JavaScript 语句可以写在函数内，函数可以重复引用：

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

javascript 复制代码

function myFunction(a, b) {
   	return a * b;         
                     
// 返回 a 乘以 b 的结果
}

JavaScript 字母大小写

JavaScript 对大小写是敏感的

JavaScript 字符集

JavaScript 使用 Unicode 字符集。

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

|------------------------|
| JavaScript 中，常见的是驼峰命名法 |

驼峰命名法

主要分为小驼峰命名法和大驼峰命名法（也称为帕斯卡命名法）两种。

小驼峰命名法

用途：主要用于方法名、变量名等。
规则：
- 当标识符是一个单词时，首字母小写。例如：name。
- 当标识符由多个单词组成时，第一个单词首字母小写，从第二个单词开始，每个单词的首字母大写。例如：myStudentCount、myFirstName。

大驼峰命名法（帕斯卡命名法）

用途：主要用于类名、属性名、命名空间等。
规则：
- 当标识符只有一个单词时，首字母大写。例如：Name。
- 当标识符由多个单词组成时，所有单词的首字母均大写。例如：DataBaseUser。