当前位置：首页 > news >正文

HoRain云--JavaScript语法基础：从入门到精通

news 2026/8/12 5:27:42

🎬 HoRain云小助手：个人主页

🔥 个人专栏: 《Linux 系列教程》《c语言教程》

⛺️生活的理想，就是为了理想的生活!

⛳️ 推荐

前些天发现了一个超棒的服务器购买网站，性价比超高，大内存超划算！忍不住分享一下给大家。点击跳转到网站。

专栏介绍

专栏名称	专栏介绍
《C语言》	本专栏主要撰写C干货内容和编程技巧，让大家从底层了解C，把更多的知识由抽象到简单通俗易懂。
《网络协议》	本专栏主要是注重从底层来给大家一步步剖析网络协议的奥秘，一起解密网络协议在运行中协议的基本运行机制！
《docker容器精解篇》	全面深入解析 docker 容器，从基础到进阶，涵盖原理、操作、实践案例，助您精通 docker。
《linux系列》	本专栏主要撰写Linux干货内容，从基础到进阶，知识由抽象到简单通俗易懂，帮你从新手小白到扫地僧。
《python 系列》	本专栏着重撰写Python相关的干货内容与编程技巧，助力大家从底层去认识Python，将更多复杂的知识由抽象转化为简单易懂的内容。
《试题库》	本专栏主要是发布一些考试和练习题库（涵盖软考、HCIE、HRCE、CCNA等）

JavaScript 语法基础

JavaScript 是一种灵活的脚本语言，广泛用于网页交互开发。以下是 JavaScript 语法的核心内容：

2. 变量声明

// ES5: var (不推荐，除非维护老代码) var name = "Alice"; // ES6: let (可重新赋值) let age = 30; // ES6: const (不可重新赋值) const PI = 3.14;

最佳实践：优先使用const，只有需要重新赋值时才用let。

3. 数据类型

JavaScript 有 8 种数据类型，分为基本类型（7种）和引用类型（1种）：

基本类型

Number：数值类型（不区分整数和浮点数）

let integer = 42; let float = 3.14; let infinity = Infinity; let notANumber = NaN;

String：字符串类型

let str1 = "双引号字符串"; let str2 = '单引号字符串'; let str3 = `反引号字符串`; // 模板字符串

Boolean：布尔类型（true/false）

let isStudent = true; let hasLicense = false;

Undefined：未定义（变量声明后未赋值）
```
let username; console.log(username); // undefined
```
Null：空值
```
let user = null;
```
Symbol：唯一标识符
```
let id = Symbol("id");
```
BigInt：大整数
```
let bigNumber = 12345678901234567890n;
```

引用类型

Object：对象类型
```
let person = { name: "John", age: 30 };
```

4. 运算符

算术运算符：+,-,*,/,%,**

console.log(10 + 5); // 15 console.log(10 * 5); // 50 console.log(10 ** 2); // 100

比较运算符：==,===,!=,!==,>,<,>=,<=

console.log(123 == "123"); // true (类型转换) console.log(123 === "123"); // false (无类型转换)

逻辑运算符：&&,||,!

console.log(true && false); // false console.log(true || false); // true console.log(!true); // false

三元运算符：条件 ? 表达式1 : 表达式2

let age = 20; let status = age >= 18 ? "Adult" : "Minor";

5. 控制流

条件语句

let score = 85; if (score >= 90) { console.log("A"); } else if (score >= 80) { console.log("B"); } else { console.log("C"); }

循环语句

// for 循环 for (let i = 0; i < 5; i++) { console.log(i); } // while 循环 let i = 0; while (i < 5) { console.log(i); i++; } // do...while 循环 let j = 0; do { console.log(j); j++; } while (j < 5);

6. 函数

函数定义

// 函数声明 function greet(name) { return "Hello, " + name; } // 箭头函数（ES6） const greet = (name) => { return "Hello, " + name; }; // 简写箭头函数 const greet = name => `Hello, ${name}`;

函数调用

console.log(greet("Alice")); // Hello, Alice

7. 对象与数组

对象

// 创建对象 let person = { name: "John", age: 30, greet: function() { console.log(`Hello, I'm ${this.name}`); } }; // 访问属性 console.log(person.name); // John // 调用方法 person.greet(); // Hello, I'm John

数组

// 创建数组 let fruits = ["apple", "banana", "orange"]; // 访问元素 console.log(fruits[0]); // apple // 添加元素 fruits.push("mango"); // ["apple", "banana", "orange", "mango"]