JavaScript语法入门

目录

1. 变量声明

2. 数据类型

3. 运算符

4. 分支语句

5. 循环语句

6. 字符串

7. 数组

8. 对象

9. 原型与原型链

10. 常用内置对象

---

 

JavaScript 是一种轻量级、解释型的编程语言，广泛应用于网页开发中，用于增强网页的交互性。以下是 JavaScript 语法入门的详细介绍：

1. 变量声明

变量用于存储数据值。在 JavaScript 中，可以使用 var、let 和 const 关键字来声明变量。

• var 是函数作用域或全局作用域，并且可以被重新声明和赋值。

• let 是块作用域，不允许重复声明，但可以重新赋值。

• const 是块作用域，不允许重复声明和重新赋值。

var x = 10;
let y = 20;
const z = 30;

2. 数据类型

JavaScript 是一种动态类型语言，主要数据类型包括：

• 原始类型：Number、String、Boolean、null、undefined、Symbol（ES6引入）和 BigInt（ES2020引入）。

• 复合类型：Object，包括数组、函数等。

let num = 42;        // Number
let str = "Hello";    // String
let bool = true;     // Boolean
let n = null;        // null
let u = undefined;   // undefined
let sym = Symbol();  // Symbol
let big = 123n;      // BigInt
let arr = [1, 2, 3]; // Object (Array)
let obj = {a: 1};    // Object

3. 运算符

JavaScript 提供了丰富的运算符，包括算术运算符（+、-、*、/）、关系运算符（<、>、<=、>=）、相等运算符（==、===）、逻辑运算符（&&、||、!）等。

let a = 10;
let b = 5;
console.log(a + b);  // 15
console.log(a > b);  // true
console.log(a == b); // false
console.log(a !== b); // true

4. 分支语句

分支语句用于基于条件执行不同的代码块。JavaScript 中的分支语句包括 if、else if、else 和 switch。

let score = 85;
if (score >= 90) {
    console.log("优秀");
} else if (score >= 80) {
    console.log("良好");
} else if (score >= 70) {
    console.log("中等");
} else if (score >= 60) {
    console.log("及格");
} else {
    console.log("不及格");
}

5. 循环语句

循环语句用于重复执行一段代码。JavaScript 中的循环语句包括 for、while 和 do...while。

for (let i = 0; i < 5; i++) {
    console.log(i);
}

while (true) {
    console.log("无限循环");
    // 需要某种条件来退出循环
    break;
}

do {
    console.log("至少执行一次");
} while (false);

6. 字符串

字符串是表示文本的字符序列。可以使用单引号、双引号或模板字符串（反引号）定义字符串。

let singleQuoted = 'Hello';
let doubleQuoted = "World";
let templateString = `Hello ${singleQuoted}`;

7. 数组

数组是一种复合数据类型，用于存储多个值的有序集合。

let numbers = [1, 2, 3, 4, 5];
let emptyArray = [];
let multiDimensionalArray = [[1, 2], [3, 4]];

8. 对象

对象是包含键值对的复合数据类型，其中键是字符串，值可以是任何数据类型。

let person = {
    name: "Kimi",
    age: 25,
    greet: function() {
        console.log("Hello, " + this.name);
    }
};

9. 原型与原型链

每个对象都有一个内部属性 [[Prototype]]，指向其原型对象。通过原型链，对象可以继承和共享属性和方法。

function Person(name) {
    this.name = name;
}

Person.prototype.greet = function() {
    console.log("Hello, " + this.name);
};

let person = new Person("Kimi");
person.greet(); // 输出：Hello, Kimi

10. 常用内置对象

JavaScript 提供了许多内置对象，包括：

• JSON：用于解析和字符串化 JSON 数据。

• Date：用于处理日期和时间。

• Math：提供数学常量和函数。

// JSON
let jsonString = '{"name": "Kimi", "age": 25}';
let obj = JSON.parse(jsonString);
console.log(obj.name); // 输出：Kimi

// Date
let now = new Date();
console.log(now.getFullYear()); // 输出当前年份

// Math
console.log(Math.PI); // 输出：3.141592653589793
console.log(Math.sqrt(16)); // 输出：4

这些是 JavaScript 语法入门的基础知识，掌握这些概念对于编写 JavaScript 程序至关重要。