《You Don't Know JS》系列：JavaScript编程基础入门

《You Don't Know JS》系列：JavaScript编程基础入门

you-dont-know-js-ru :books: Russian translation of "You Don't Know JS" book series 项目地址: https://gitcode.com/gh_mirrors/yo/you-dont-know-js-ru

什么是编程？

编程本质上是通过编写特定指令（代码）来告诉计算机执行任务的过程。这些指令需要遵循编程语言的语法规则，就像我们使用自然语言时需要遵循语法一样。

在JavaScript中，一个简单的语句可能如下：

a = b * 2;

这里：

• a和b是变量，就像存储数据的容器
• 2是字面量值
• =和*是运算符，分别执行赋值和乘法操作

程序执行原理

计算机不能直接理解我们编写的高级代码，需要通过以下两种方式之一转换为机器指令：

1. 解释执行：逐行翻译并立即执行代码
2. 编译执行：预先将整个程序编译成机器码再执行

有趣的是，JavaScript采用了一种混合方式：引擎会在执行前即时编译代码，然后立即执行编译后的结果。

实践练习：使用浏览器控制台

学习编程最好的方式就是动手实践。现代浏览器都内置了开发者工具和控制台，可以立即执行JavaScript代码。

尝试在控制台输入以下代码：

let a = 21;
let b = a * 2;
console.log(b);  // 输出42

控制台使用技巧：

• 按Enter执行当前代码
• 使用Shift+Enter可以输入多行代码
• console.log()是最常用的输出方式

基本编程概念

变量与赋值

变量是存储数据的容器，使用let或const声明：

let age = 25;
const PI = 3.14;

赋值运算符=将右边的值赋给左边变量：

let x = 10;
x = x + 5;  // x现在为15

数据类型

JavaScript有几种基本数据类型：

1. Number：数字，如42，3.14
2. String：字符串，如"Hello"，可以用单引号或双引号
3. Boolean：布尔值，true或false
4. null和undefined：表示空值

类型转换示例：

let num = "42";
let realNum = Number(num);  // 显式转换为数字

运算符

常见运算符包括：

• 算术：+, -, *, /
• 赋值：=, +=, -=
• 比较：==, ===, !=, !==, >, <
• 逻辑：&&(与), ||(或)

特别注意==和===的区别：

"42" == 42   // true，类型转换后比较
"42" === 42  // false，严格比较类型和值

输入输出

输出信息

使用console.log()输出到控制台：

console.log("计算结果：", 10 + 20);

获取输入

简单获取用户输入可以使用prompt()：

let userName = prompt("请输入你的名字：");
console.log("你好，" + userName);

学习建议

1. 多实践：每个概念都要亲自尝试
2. 理解类型转换：这是JavaScript的重要特性
3. 善用控制台：快速测试代码片段
4. 循序渐进：从基础开始，逐步深入

记住，编程是一项实践性很强的技能，只看不练很难真正掌握。建议在学习每个概念后，都尝试自己编写相关代码，观察执行结果，这样才能真正理解JavaScript的工作原理。

《You Don't Know JS》系列后续章节会深入探讨JavaScript的更多特性，包括作用域、闭包、this关键字等高级主题。打好这些基础将帮助你更好地理解后续内容。

you-dont-know-js-ru :books: Russian translation of "You Don't Know JS" book series 项目地址: https://gitcode.com/gh_mirrors/yo/you-dont-know-js-ru