JavaScript 基本语法

JavaScript 是一种动态类型、基于原型的编程语言，广泛应用于 Web 开发。其语法包含变量声明、数据类型、运算符、控制结构、函数、对象等核心概念。

变量声明

使用 var、let 或 const 声明变量：

javascript 复制代码

var x = 10; // 函数作用域
let y = 20; // 块级作用域
const z = 30; // 常量，不可重新赋值

数据类型

JavaScript 是弱类型语言，常见数据类型包括：

原始类型：number、string、boolean、null、undefined、symbol
引用类型：object（包括数组、函数等）

javascript 复制代码

let num = 42;
let str = "Hello";
let isTrue = true;
let arr = [1, 2, 3];
let obj = { key: "value" };

运算符与表达式

算术运算符

支持 +、-、*、/、%（取模）、**（幂运算）等：

javascript 复制代码

let sum = 5 + 3; // 8
let power = 2 ** 3; // 8

比较运算符
==（宽松相等）、===（严格相等）、!=、!==、>、< 等：

javascript 复制代码

"5" == 5; // true（类型转换）
"5" === 5; // false（类型不同）

逻辑运算符
&&（与）、||（或）、!（非）：

javascript 复制代码

true && false; // false
true || false; // true
!true; // false

控制结构

条件语句

使用 if...else 或 switch：

javascript 复制代码

if (age >= 18) {
  console.log("Adult");
} else {
  console.log("Minor");
}

switch (day) {
  case 1: console.log("Monday"); break;
  default: console.log("Invalid day");
}

循环语句

支持 for、while、do...while：

javascript 复制代码

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

let j = 0;
while (j < 3) {
  console.log(j);
  j++;
}

函数

函数定义

使用 function 关键字或箭头函数：

javascript 复制代码

function add(a, b) {
  return a + b;
}

const multiply = (a, b) => a * b;

函数调用

直接通过函数名和参数调用：

javascript 复制代码

add(2, 3); // 5
multiply(2, 3); // 6

对象与类

对象字面量

直接定义对象属性和方法：

javascript 复制代码

const person = {
  name: "Alice",
  age: 25,
  greet() {
    console.log(`Hello, ${this.name}`);
  }
};

类定义

ES6 引入 class 语法：

javascript 复制代码

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    console.log(`Hello, ${this.name}`);
  }
}

const alice = new Person("Alice");
alice.greet();

异步编程

Promise

处理异步操作：

javascript 复制代码

const fetchData = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => resolve("Data loaded"), 1000);
  });
};

fetchData().then(data => console.log(data));

Async/Await

简化异步代码：

javascript 复制代码

async function loadData() {
  const data = await fetchData();
  console.log(data);
}

模块化

ES6 模块

使用 import 和 export：

javascript 复制代码

// math.js
export const add = (a, b) => a + b;

// app.js
import { add } from './math.js';
console.log(add(2, 3)); // 5

以上是 JavaScript 的核心语法概览，实际开发中需结合具体场景灵活运用。