JavaScript 语法涉及到很多方面,以下是常见的详细语法:
1. 变量
变量用于存放值,关键字 var 可以定义变量。
// javascript
var x = 5; // 定义变量 x,并赋值为 5
2. 数据类型
JavaScript 中有多种数据类型,包括:
- string:文本字符串(字符串(String)字面量 可以使用单引号或双引号)
- number:数值(数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e))
- boolean:true/false
- null:空值
- undefined:未定义
- object:对象
- symbol:表示唯一标识符的符号
// javascript
var str = "Hello world!"; // 文本字符串
var num = 123; // 数值
var bool = true; // 布尔值
var nullValue = null; // 空值
var undefinedValue = undefined; // 未定义
var obj = {}; // 对象
var sym = Symbol("sym"); // 符号
3. 运算符
JavaScript 中的运算符包括:
- 算术运算符: +、-、*、/、%(取模)等。
- 比较运算符: >、<、>=、<=、==(相等)、!=(不相等)等。
- 逻辑运算符: &&(逻辑与)、||(逻辑或)、!(逻辑非)等。
- 位运算符: &、|、^(异或)、~(非)、<<(左移)、>>(右移)等。
// javascript
var a = 5, b = 7;
console.log(a + b); // 12
console.log(a > b); // false
console.log(a && b); // 7
console.log(a | b); // 7
4. 条件语句
JavaScript 中的条件语句包括 if 语句、switch 语句等。
- if 语句:
// javascript
if (condition) {
// 当 condition 为 true 时执行该语句块
} else if (condition2) {
// 当 condition 不为 true 但 condition2 为 true 时执行该语句块
} else {
// 当 condition 和 condition2 都不为 true 时执行该语句块
}
- switch 语句:
// javascript
switch (expression) {
case value1:
// 当 expression 等于 value1 时执行该语句块
break;
case value2:
// 当 expression 等于 value2 时执行该语句块
break;
default:
// 当 expression 不等于 value1 和 value2 时执行该语句块
break;
}
5. 循环语句
JavaScript 中的循环语句包括 for 循环、while 循环等。
- for 循环:
// javascript
for (初始化变量; 循环条件; 迭代器) {
// 在循环中执行的语句块
}
- while 循环:
// javascript
while (condition) {
// 在条件为 true 时执行的语句块
}
- do-while 循环:
// javascript
do {
// 在条件为 true 时执行的语句块
} while (condition);
6. 函数(函数(Function)字面量 定义一个函数)
JavaScript 中的函数可以用 function 关键字定义。
// javascript
function add(a, b) {
return a + b; // 返回 a 和 b 的和
}
console.log(add(5, 7)); // 12
7. 对象(对象(Object)字面量 定义一个对象)
JavaScript 的对象是一种键/值对的集合,可以用花括号 {} 定义,用句点 . 或方括号 [] 访问对象的属性。
// javascript
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
fullName: function() {
return this.firstName + " " + this.lastName; // 返回名字全称
}
}
console.log(person.firstName); // John
console.log(person.age); // 50
console.log(person.fullName()); // John Doe
8. 数组(数组(Array)字面量 定义一个数组)
JavaScript 中的数组可以用方括号 [] 定义,用索引访问数组元素。
// javascript
var colors = ["red", "green", "blue"];
console.log(colors[1]); // "green"
console.log(colors.length); // 3
JavaScript 字母大小写:
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
函数 getElementById 与 getElementbyID 是不同的。
同样,变量 myVariable 与 MyVariable 也是不同的