> 文章列表 > javascrip语法

javascrip语法

javascrip语法

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 语句时,请留意是否关闭大小写切换键。

函数 getElementByIdgetElementbyID 是不同的。

同样,变量 myVariableMyVariable 也是不同的