JavaScript 语法入门

1. 变量声明

目录

1. 变量声明

2. 数据类型

3. 运算符

4. 分支语句

5. 循环语句

6. 字符串

7. 数组

8. 对象

9. 原型与原型链

10. 常用内置对象 JSON、Date、Math

---

在 JavaScript 中，有三种声明变量的方式：var、let 和 const。

• var：作用域为函数作用域，存在变量提升现象。例如：
• let：块级作用域，不存在变量提升，不能重复声明。
• const：用于声明常量，一旦声明，值不能改变，同样具有块级作用域。

2. 数据类型

JavaScript 有七种基本数据类型：string、number、boolean、null、undefined、symbol 和 bigint，以及一种复杂数据类型 object。

• string：表示文本数据，例如：let name = "John";

• number：用于表示数字，包括整数和浮点数，如：let age = 25; let pi = 3.14;

• boolean：只有两个值 true 和 false，常用于逻辑判断，如：let isAdult = true;

• null：表示一个空值，let empty = null;

• undefined：表示变量声明了但未赋值，let value; console.log(value); // 输出undefined

• symbol：ES6 引入，创建唯一的标识符，let sym = Symbol("unique");

• bigint：用于表示任意精度的整数，let big = 123456789012345678901234567890n;

• object：用于存储键值对集合和更复杂的数据结构，如：let person = {name: "Alice", age: 30};

3. 运算符

常见的运算符有算术运算符、赋值运算符、比较运算符、逻辑运算符等。

• 算术运算符：+、-、*、/、%（取模）等，let result = 5 + 3; // result为8

• 赋值运算符：=、+=、-=、*=、/= 等，let num = 5; num += 3; // num变为8

• 比较运算符：>、<、>=、<=、==（宽松相等）、===（严格相等），let isGreater = 5 > 3; // isGreater为true

• 逻辑运算符：&&（逻辑与）、||（逻辑或）、!（逻辑非），let condition = (5 > 3) && (2 < 4); // condition为true

4. 分支语句

分支语句用于根据条件执行不同的代码块。

• if...else 语句：
• switch 语句：

5. 循环语句

循环语句用于重复执行一段代码。

• for 循环：
• while 循环：
• do...while 循环：先执行一次代码块，再判断条件，do { console.log("Hello"); } while (false);

6. 字符串

字符串是 JavaScript 中常用的数据类型。

• 字符串创建：let str = "Hello, World!";

• 字符串方法：length 属性获取长度，let len = str.length;；toUpperCase() 转换为大写，let upper = str.toUpperCase();；indexOf() 查找子字符串位置，let pos = str.indexOf("World");

7. 数组

数组用于存储多个值。

• 数组创建：let numbers = [1, 2, 3, 4, 5];

• 数组访问：通过索引访问元素，let first = numbers[0];

• 数组方法：push() 添加元素到末尾，numbers.push(6);；pop() 删除末尾元素，let last = numbers.pop();；length 属性获取数组长度，let arrLen = numbers.length;

8. 对象

对象是键值对的集合。

• 对象创建：let person = {name: "Bob", age: 28, city: "New York"};

• 对象访问：通过点号或方括号访问属性，let name = person.name; let age = person["age"];

• 对象方法：可以为对象定义方法，let person = {name: "Alice", sayHello: function() { console.log("Hello, " + this.name); } }; person.sayHello();

9. 原型与原型链

每个对象都有一个原型对象，通过原型链实现对象的属性继承。当访问对象的属性时，如果对象本身没有该属性，JavaScript 会沿着原型链向上查找，直到找到该属性或到达原型链的顶端（null）。例如：

10. 常用内置对象 JSON、Date、Math

• JSON：用于处理 JSON 数据格式。JSON.stringify() 将 JavaScript 对象转换为 JSON 字符串，let obj = {name: "John", age: 30}; let jsonStr = JSON.stringify(obj);；JSON.parse() 将 JSON 字符串转换为 JavaScript 对象，let newObj = JSON.parse(jsonStr);

• Date：用于处理日期和时间。let now = new Date(); 获取当前日期和时间；now.getFullYear() 获取年份，now.getMonth() 获取月份（0 - 11）等。

• Math：提供数学运算方法。Math.max(1, 2, 3) 返回最大值；Math.random() 返回 0（包括）到 1（不包括）之间的随机小数。