JavaScript 基础入门_javascript:(function(){let c=[{n:"0愚人",t:"大阿卡纳"},{-优快云博客

1. 引言

JavaScript 是当今 Web 开发中最核心的编程语言之一。无论是前端页面交互、后端服务（Node.js），还是移动端应用，JavaScript 都扮演着不可或缺的角色。本文将从零开始，带你系统掌握 JavaScript 的基础语法与核心概念。

2. 变量与数据类型

2.1 声明变量

在 JavaScript 中，我们使用 var、let 和 const 来声明变量。其中 let 和 const 是 ES6 引入的，推荐优先使用。

let name = "张三";   // 可重新赋值的变量
const age = 25;      // 常量，不可重新赋值
var oldWay = "旧写法"; // 尽量避免使用

2.2 基本数据类型

JavaScript 包含以下几种基本数据类型：

number：数值类型，包括整数和浮点数
string：字符串类型
boolean：布尔类型，true 或 false
null：空值
undefined：未定义
symbol：符号类型（ES6 新增）
bigint：大整数类型（ES2020 新增）

let num = 42;
let str = "Hello World";
let bool = true;
let empty = null;
let notDefined = undefined;

3. 运算符与表达式

3.1 算术运算符

let a = 10;
let b = 3;

console.log(a + b);  // 13
console.log(a - b);  // 7
console.log(a * b);  // 30
console.log(a / b);  // 3.333...
console.log(a % b);  // 1（取余）

3.2 比较与逻辑运算符

let x = 5;
let y = "5";

console.log(x == y);   // true（宽松相等，会做类型转换）
console.log(x === y);  // false（严格相等，不转换类型）
console.log(x > 3 && y < 10);  // true（逻辑与）
console.log(x > 3 || y > 10);  // true（逻辑或）

4. 流程控制

4.1 条件语句

let score = 85;

if (score >= 90) {
    console.log("优秀");
} else if (score >= 60) {
    console.log("及格");
} else {
    console.log("不及格");
}

4.2 循环语句

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

// while 循环
let count = 0;
while (count < 3) {
    console.log(count);
    count++;
}

// for...of 遍历数组
let fruits = ["苹果", "香蕉", "橙子"];
for (let fruit of fruits) {
    console.log(fruit);
}

5. 函数

5.1 函数声明与表达式

// 函数声明
function greet(name) {
    return "你好，" + name;
}

// 函数表达式
const add = function(a, b) {
    return a + b;
};

// 箭头函数（ES6）
const multiply = (a, b) => a * b;

console.log(greet("张三"));
console.log(add(2, 3));
console.log(multiply(4, 5));

5.2 默认参数与剩余参数

// 默认参数
function sayHello(name = "朋友") {
    console.log("你好，" + name);
}

// 剩余参数
function sum(...numbers) {
    return numbers.reduce((total, n) => total + n, 0);
}

sayHello();
console.log(sum(1, 2, 3, 4));

6. 数组与对象

6.1 数组常用方法

let arr = [1, 2, 3, 4, 5];

// 添加和删除元素
arr.push(6);        // 末尾添加
arr.pop();          // 末尾删除
arr.unshift(0);     // 开头添加
arr.shift();        // 开头删除

// 遍历与转换
arr.forEach(item => console.log(item));
let doubled = arr.map(item => item * 2);
let evenNumbers = arr.filter(item => item % 2 === 0);

6.2 对象操作

const person = {
    name: "李四",
    age: 30,
    hobbies: ["阅读", "跑步"],
    greet() {
        console.log(`大家好，我是${this.name}`);
    }
};

// 访问属性
console.log(person.name);
console.log(person["age"]);

// 解构赋值
const { name, age } = person;
console.log(name, age);