JavaScript - 语法：初学者指南

你好，未来的JavaScript魔法师们！我很高兴能成为你们在这令人兴奋的JavaScript语法世界之旅的向导。作为一名教编程多年的老师，我可以告诉你，掌握语法就像在写诗之前学习字母表一样。它可能看起来很基础，但它是我们共同构建一切的基石。那么，让我们开始吧！

JavaScript语法：代码的构建块

JavaScript语法是一套定义JavaScript程序如何构建的规则。把它想象成JavaScript语言的语法。就像我们需要遵循语法规则来说得通一样，我们也需要遵循语法规则来使我们的代码对计算机可读。

你的第一个JavaScript代码

让我们从一个简单的“Hello, World!”程序开始。这通常是学习新语言时编写的第一个程序。

console.log("Hello, World!");

当你运行这段代码时，你会在控制台中看到“Hello, World!”被打印出来。让我们分解一下：

• console 是JavaScript提供的一个对象，它让我们可以访问浏览器的调试控制台。
• .log() 是console对象的一个方法，它打印传递给它的参数。
• "Hello, World!" 是我们想要打印的一个字符串（字符序列）。

JavaScript值

在JavaScript中，我们处理不同类型的值。主要类型包括：

1. 数字：42, 3.14
2. 字符串："Hello", 'JavaScript'
3. 布尔值：true, false
4. 对象：{name: "John", age: 30}
5. 数组：[1, 2, 3, 4]
6. 函数：function greet() { console.log("Hi!"); }

以下是一个使用不同类型值的例子：

let age = 25;  // 数字
let name = "Alice";  // 字符串
let isStudent = true;  // 布尔值
let person = {name: "Bob", age: 30};  // 对象
let numbers = [1, 2, 3, 4, 5];  // 数组

console.log(age);  // 输出：25
console.log(name);  // 输出：Alice
console.log(isStudent);  // 输出：true
console.log(person.name);  // 输出：Bob
console.log(numbers[2]);  // 输出：3

空白和换行

JavaScript在处理空白（空格、制表符和换行符）方面非常宽容。你可以使用它来使代码更具可读性，而不会影响其功能。

let x = 5;
let y = 10;
let z = x + y;

// 这与下面的是等价的：
let x=5;let y=10;let z=x+y;

// 甚至这样：
let x = 5
let y = 10
let z = x + y

分号是可选的

在JavaScript中，语句末尾的分号是可选的。然而，通常认为包含它们是良好的实践。

let a = 5;  // 带分号
let b = 10  // 不带分号

// 两者都是有效的，但推荐包含分号

大小写敏感

JavaScript是大小写敏感的。这意味着myVariable、MyVariable和MYVARIABLE都是不同的变量。

let myVariable = "Hello";
let MyVariable = "World";

console.log(myVariable);  // 输出：Hello
console.log(MyVariable);  // 输出：World

JavaScript与驼峰命名法

按照惯例，JavaScript使用驼峰命名法来命名变量和函数。这意味着我们以小写字母开头，每个后续单词的首字母大写。

let firstName = "John";
let lastName = "Doe";
let fullName = firstName + " " + lastName;

console.log(fullName);  // 输出：John Doe

JavaScript关键字

JavaScript有一组保留字，你不能将它们用作变量名。这些被称为关键字。以下是一些常见的：

关键字	描述
let	声明一个块级作用域的变量
const	声明一个块级作用域的不可变常量
if	标记一个条件执行的代码块
for	标记一个循环执行的代码块
function	声明一个函数
return	退出一个函数
true	一个布尔值
false	一个布尔值

JavaScript标识符

标识符是你给变量、函数或属性的名字。以下是有效标识符的规则：

1. 可以包含字母、数字、下划线和美元符号
2. 必须以字母、下划线或美元符号开头
3. 是大小写敏感的
4. 不能是保留关键字

// 有效的标识符
let myVariable = 5;
let _privateVar = 10;
let $specialVar = 15;

// 无效的标识符
// let 123abc = 20;  // 不能以数字开头
// let my-var = 25;  // 不能使用连字符
// let let = 30;     // 不能使用保留关键字

JavaScript中的注释

注释用于给代码添加说明或阻止某些部分的执行。JavaScript中有两种类型的注释：

// 这是一个单行注释

/*
这是一个
多行注释
*/

let x = 5;  // 你也可以在行尾添加注释

JavaScript中的运算符

运算符用于对变量和值执行操作。以下是一些常见的运算符：

运算符	描述	示例
+	加法	5 + 3
-	减法	5 - 3
*	乘法	5 * 3
/	除法	15 / 3
%	求余	5 % 2
++	自增	x++
--	自减	x--
==	等于	5 == 5
===	严格等于	5 === "5"
!=	不等于	5 != 3
>	大于	5 > 3
<	小于	3 < 5

JavaScript中的表达式

表达式是值、变量和运算符的组合，它计算出一个值。以下是一些例子：

let x = 5;
let y = 3;

console.log(x + y);  // 输出：8
console.log(x * y);  // 输出：15
console.log(x > y);  // 输出：true
console.log(x === "5");  // 输出：false

JavaScript字符集

JavaScript使用Unicode字符集。这意味着它可以处理来自许多不同语言的字符和表情符号！以下是一个有趣的例子：

let greeting = "Hello! ?";
let name = "Alice";
console.log(greeting + " " + name);  // 输出：Hello! ? Alice

就这样，大家！我们已经涵盖了JavaScript语法的基础。记住，熟能生巧。不要担心一开始一切都不会立即明白 - 这完全正常。继续尝试，继续编码，最重要的是，继续享受乐趣！

在我们的下一课中，我们将更深入地探讨变量和数据类型。在此之前，祝大家编程愉快！??‍??‍?

Credits: Image by storyset