JavaScript：开始

Source: Dev.to

JavaScript

在 1995 年，程序员 Brendan Eich 在 Netscape 工作。当时的网站大多是静态的——它们只能显示信息，却无法真正与用户交互。

Netscape 想让网页变得更动态、更有吸引力。于是给了 Brendan Eich 一个任务：创建一种可以在浏览器内部运行的脚本语言。令人惊讶的是，他在短短 10 天内完成了 JavaScript 的首个版本。

什么是 JavaScript？

JavaScript 是一种用于让网站具备交互性和动态效果的编程语言。它控制网页上会发生的各种行为。例如，JavaScript 可以实现：

• 响应用户点击按钮的操作
• 检查表单是否正确填写（表单验证）
• 显示动画和滑块
• 在不刷新页面的情况下更新内容

如果没有 JavaScript，网站会显得静态且缺乏响应。

流程图：JavaScript 在浏览器中的运行方式

Browser loads HTML
        ↓
Browser sees <script> tag
        ↓
Browser sends code to JavaScript Engine
        ↓
Engine executes the code
        ↓
Result appears on screen

JavaScript 变量

在 JavaScript 中，变量是用于存储数据的命名容器。可以把它想象成一个贴了标签的盒子，你把信息放进去，以便在程序的后续部分使用。

与其在代码中多次重复同一个值，不如把它存入变量，然后通过变量名引用。这会让代码更简洁、易读，也更易于维护。

let userName = "John";

在这个例子中，userName 是变量名，它存储了值 "John"。每当在程序中使用 userName 时，JavaScript 都会使用该存储的值。

为什么要使用变量？

• 存储值（数字、文本、对象等）
• 重复使用数据
• 在程序执行过程中更新值

如何在 JavaScript 中声明变量

JavaScript 提供了三种声明变量的方式：

• let
• const
• var

什么是 let？

let 是用于声明变量的关键字。它在 ES6（2015）中引入，现在是创建可能会在以后改变值的变量的推荐方式。

let 与 const

let 和 const 只在它们被声明的块 { } 内部存在。

let 示例

if (true) {
  let name = "John";
}

console.log(name); // ❌ ReferenceError: name is not defined

作用域 vs 重新赋值

• 作用域 → 变量可以被使用的范围
• 重新赋值 → 是否可以更改其值

let 可以重新赋值，而 const 不能。

什么是 const？

const 用于创建常量变量——一旦赋值后就不能再更改的变量。

const 示例

if (true) {
  const age = 25;
}

console.log(age); // ❌ ReferenceError: age is not defined

什么是 var？

var 是 JavaScript 最早的变量声明方式。它自语言早期（ES5 及更早）就已经存在，但现代代码大多使用 let 和 const 来取代它。

var 声明的变量属于其所在的函数作用域，而不是块作用域 { }。你可以随时更改它的值。