JavaScript基础语法怎么学

JavaScript是一门广泛应用于前端开发、后端开发、移动端开发的脚本语言，掌握它的基础语法是进入编程领域的重要一步。基础语法包含变量、数据类型、运算符、流程控制、函数等核心内容，理解这些内容就能完成简单的逻辑编写。

一、变量声明

变量是存储数据的容器，JavaScript中有三种声明变量的方式，分别是var、let、const，不同方式的作用域和可修改性有区别。

• var：存在变量提升，作用域为函数作用域，可重复声明
• let：不存在变量提升，作用域为块级作用域，不可重复声明，值可修改
• const：不存在变量提升，作用域为块级作用域，不可重复声明，值不可修改（引用类型内部属性可修改）

下面是变量声明的示例代码：

// 使用let声明变量
let userName = "张三";
console.log(userName); // 输出：张三

// 使用const声明常量
const PI = 3.1415926;
console.log(PI); // 输出：3.1415926

// 错误示例：const声明的常量不能重新赋值
// PI = 3.14; // 这行代码会报错

二、数据类型

JavaScript的数据类型分为基本数据类型和引用数据类型，基本数据类型直接存储值，引用数据类型存储的是内存地址。

基本数据类型

• Number：数字类型，包含整数和浮点数
• String：字符串类型，用单引号或双引号包裹
• Boolean：布尔类型，只有true和false两个值
• Undefined：未定义类型，变量声明未赋值时的默认值
• Null：空值类型，表示空对象指针
• Symbol：唯一值类型，ES6新增
• BigInt：大整数类型，ES2020新增，用于表示超过Number范围的整数

引用数据类型

• Object：对象类型，包含普通对象、数组、函数等
• Array：数组类型，用于存储有序的数据集合
• Function：函数类型，是可执行的对象

数据类型判断的代码示例：

let num = 100;
let str = "hello";
let arr = [1, 2, 3];
let obj = { name: "李四" };

console.log(typeof num); // 输出：number
console.log(typeof str); // 输出：string
console.log(Array.isArray(arr)); // 输出：true
console.log(typeof obj); // 输出：object

三、运算符

运算符用于执行各种运算操作，常见的运算符包括算术运算符、比较运算符、逻辑运算符、赋值运算符等。

运算符使用的示例代码：

let a = 10;
let b = 3;

// 算术运算
console.log(a + b); // 输出：13
console.log(a % b); // 输出：1

// 比较运算
console.log(a == 10); // 输出：true
console.log(a === "10"); // 输出：false，===会同时比较值和类型

// 逻辑运算
let c = 5;
console.log(c > 3 && c < 10); // 输出：true

四、流程控制

流程控制用来控制代码的执行顺序，常见的流程控制有分支结构和循环结构。

分支结构

分支结构根据条件判断执行不同的代码，常见的有if-else和switch-case。

let score = 85;

// if-else分支
if (score >= 90) {
    console.log("优秀");
} else if (score >= 80) {
    console.log("良好");
} else if (score >= 60) {
    console.log("及格");
} else {
    console.log("不及格");
}

// switch-case分支
let day = 3;
switch (day) {
    case 1:
        console.log("星期一");
        break;
    case 2:
        console.log("星期二");
        break;
    case 3:
        console.log("星期三");
        break;
    default:
        console.log("其他日期");
}

循环结构

循环结构用于重复执行某段代码，常见的有for循环、while循环、do-while循环。

// for循环，输出1到5
for (let i = 1; i <= 5; i++) {
    console.log(i);
}

// while循环，计算1到100的和
let sum = 0;
let j = 1;
while (j <= 100) {
    sum += j;
    j++;
}
console.log(sum); // 输出：5050

五、函数定义

函数是封装可复用代码的逻辑块，JavaScript中定义函数的方式有函数声明、函数表达式、箭头函数三种。

// 函数声明
function add(x, y) {
    return x + y;
}
console.log(add(2, 3)); // 输出：5

// 函数表达式
const multiply = function(x, y) {
    return x * y;
};
console.log(multiply(2, 3)); // 输出：6

// 箭头函数，ES6新增
const subtract = (x, y) => {
    return x - y;
};
console.log(subtract(5, 3)); // 输出：2

// 箭头函数简写，当函数体只有一行返回语句时可省略大括号和return
const divide = (x, y) => x / y;
console.log(divide(6, 3)); // 输出：2

学习建议

学习JavaScript基础语法时，不要死记硬背语法规则，每学一个知识点就动手写几行代码验证，遇到不懂的地方可以查阅官方文档或者参考基础教程。先掌握本文提到的核心内容，再逐步学习DOM操作、ES6新特性、异步编程等进阶内容，基础打牢后学习后续知识会更轻松。

JavaScript基础语法变量声明函数定义数据类型修改时间：2026-07-20 10:39:35