当前位置:实例文章 » HTML/CSS实例» [文章]【JavaScript 03】语句 变量 变量提升 标识符 注释 区块 作用域 条件语句 循环语句 break continue 标签

【JavaScript 03】语句 变量 变量提升 标识符 注释 区块 作用域 条件语句 循环语句 break continue 标签

发布人:shili8 发布时间:2025-02-04 03:42 阅读次数:0

**JavaScript03:语句、变量、变量提升、标识符、注释、区块、作用域、条件语句、循环语句、break、continue、标签**

JavaScript 是一种动态脚本语言,广泛应用于 web 开发。它的语法和结构非常简单,但却能实现复杂的功能。在这篇文章中,我们将详细介绍 JavaScript 的基本概念和特性。

###1.语句JavaScript 中的语句是指执行某种操作或动作的代码块。语句可以是单独的表达式,也可以是多个表达式组成的复杂语句。

javascript// 单独的表达式let x =5;

// 多个表达式组成的复杂语句if (x >10) {
 console.log("x 大于10");
} else {
 console.log("x 小于或等于10");
}


###2. 变量JavaScript 中的变量是用来存储值的容器。变量可以是数字、字符串、布尔值等类型。

javascript// 声明一个变量并赋予它一个值let name = "John";

// 使用变量console.log(name); // 输出: John


###3. 变量提升JavaScript 中的变量提升是指在代码执行之前,JavaScript 引擎会将所有变量声明提升到作用域顶部。

javascriptconsole.log(x); // x 是未定义的let x =5;


上面的代码虽然看起来 x 是未定义的,但实际上 x 已经被提升到了作用域顶部。因此,执行 console.log(x) 时,x 的值是 undefined,而不是错误。

###4. 标识符JavaScript 中的标识符是指变量、函数或属性的名称。标识符可以由字母、数字和下划线组成,但不能以数字开头。

javascript// 合法的标识符let _name = "John";

// 非法的标识符(以数字开头)
let1_name = "John"; // SyntaxError: Invalid or unexpected token


###5. 注释JavaScript 中的注释是指用于说明代码的文字或符号。注释可以帮助其他开发者理解你的代码。

javascript// 单行注释console.log("Hello, World!"); // 这是一个单行注释/*
 * 多行注释 */
console.log("这是一个多行注释");


###6. 区块JavaScript 中的区块是指一组相关的语句或表达式。区块可以使用花括号 `{}` 来定义。

javascript// 单个语句let x =5;

// 多个语句组成的区块{
 let y =10;
 console.log(y); // 输出:10}


###7. 作用域JavaScript 中的作用域是指变量或函数的可访问范围。作用域可以是全局作用域,也可以是局部作用域。

javascript// 全局作用域let x =5;

function foo() {
 // 局部作用域 let y =10;
}

foo();
console.log(x); // 输出:5console.log(y); // ReferenceError: y is not defined


###8. 条件语句JavaScript 中的条件语句是指根据某种条件执行不同的代码块。条件语句可以使用 if、else、switch 等关键字。

javascript// if语句let x =5;
if (x >10) {
 console.log("x 大于10");
} else {
 console.log("x 小于或等于10");
}

// switch语句let day = "Monday";
switch (day) {
 case "Monday":
 console.log("今天是星期一");
 break;
 case "Tuesday":
 console.log("今天是星期二");
 break;
 default:
 console.log("今天不是星期一或星期二");
}


###9. 循环语句JavaScript 中的循环语句是指重复执行某种代码块。循环语句可以使用 for、while、do-while 等关键字。

javascript// for 循环for (let i =0; i < 5; i++) {
 console.log(i); // 输出:0,1,2,3,4}

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

// do-while 循环let y =0;
do {
 console.log(y);
 y++;
} while (y < 5);


###10. breakJavaScript 中的 break 是指跳出循环或 switch语句。

javascript// for 循环for (let i =0; i < 5; i++) {
 if (i ===3) {
 break;
 }
 console.log(i); // 输出:0,1,2}

// switch语句switch (day) {
 case "Monday":
 console.log("今天是星期一");
 break;
 case "Tuesday":
 console.log("今天是星期二");
 break;
 default:
 console.log("今天不是星期一或星期二");
}


###11. continueJavaScript 中的 continue 是指跳过当前循环迭代。

javascript// for 循环for (let i =0; i < 5; i++) {
 if (i ===3) {
 continue;
 }
 console.log(i); // 输出:0,1,2,4}

// while 循环let x =0;
while (x < 5) {
 if (x ===3) {
 x++;
 continue;
 }
 console.log(x);
 x++;
}


###12. 标签JavaScript 中的标签是指用于跳转到某个位置的符号。标签可以使用 label: 来定义。

javascript// for 循环outer:
for (let i =0; i < 5; i++) {
 inner:
 for (let j =0; j < 5; j++) {
 if (i ===3 && j ===3) {
 break outer;
 }
 console.log(i, j);
 }
}

// switch语句switch (day) {
 case "Monday":
 label:
 console.log("今天是星期一");
 break label;
 case "Tuesday":
 console.log("今天是星期二");
 break;
}


以上就是 JavaScript 的基本概念和特性。通过这些知识,你可以更好地理解 JavaScript语言的语法和结构,并且能够编写出高质量的 JavaScript代码。

其他信息

其他资源

Top