JavaScript语句学习小记

发布时间:2024年01月18日

在这里插入图片描述

JavaScript语句学习小记


重温基础小概念

学JavaScript的时候,我发现理解它的语句结构真的好重要呢!JavaScript语句就像是小指令,告诉浏览器该做什么。当这些指令放到HTML文档里,网页就能变得可以互动,还有动态的效果呢!


探索语句的小组件

你知道吗?JavaScript语句是由好多小部分组成的哦,比如:

  • 值:就像字符串、数字等数据
  • 运算符:如 +, -, * 等,用来做计算
  • 表达式:例如 a + b,是值和运算符的组合
  • 关键字:例如 if, else,控制语句的走向或声明变量
  • 注释:用 ///* */ 来解释代码的功能

看下面这句改写后的代码:

// 使用DOM API查找并修改HTML元素的内容
document.getElementById("demo").textContent = "你好,世界!";

这句代码通过DOM API找到了ID为"demo"的HTML元素,并修改了它的文本内容。这是一个很常见的JavaScript操作,里面包含了多个组件协同工作。


分号的小秘密

在JavaScript里,分号(;)是用来结束语句的。尽管在某些情况下,JavaScript会自动插入分号,但建议我们总是显式地使用分号,以避免可能的歧义和错误。

改写后的例子:

let x = 5;  // 声明并初始化变量x
let y = 10; // 声明并初始化变量y
let z = x + y; // 计算x和y的和,并将结果赋值给z

每个语句后都加上了分号,并且添加了注释来解释每个语句的作用,使代码更易读。


空格和格式的小魔法

JavaScript对空格和换行符是宽容的,我们可以自由地格式化代码以提高可读性。合理地使用空格和换行,可以让代码结构更清晰。

改写后的例子:

// 紧凑格式(不推荐)
let a=1,b=2,c=a+b;

// 宽松格式(推荐)
let a = 1;  // 声明并初始化变量a
let b = 2;  // 声明并初始化变量b
let c = a + b; // 计算a和b的和,并将结果赋值给c

通过添加空格和换行,以及注释,使代码更易读和更易于维护。


代码块和作用域的小天地

大括号 {} 用于定义代码块,这些代码块与控制结构(如条件语句或循环)一起使用。代码块可以包含多条语句,这些语句会按顺序执行。

改写后的例子:

// 使用if语句根据条件执行代码块
if (condition) {
  // 当条件为真时执行的代码块
  let message = "条件满足!";
  console.log(message);
}

在这个例子中,当condition为真时,会执行代码块中的语句。同时,代码块中声明的变量message只在该代码块内可见,这体现了JavaScript的作用域规则。


关键字小伙伴

JavaScript有一组保留的关键字,用于控制语句的流程、声明变量等。以下是一些常见的关键字:

  • var / let / const:声明变量或常量
  • if / else:条件判断
  • switch:多条件判断
  • for / while:循环结构
  • function:声明函数
  • return:从函数中返回值

使用这些关键字时,要确保不将它们用作变量名或函数名,以避免冲突和错误。


希望这些小记能帮到你,让我们一起更深入地理解JavaScript语句的基础知识和最佳实践吧!加油哦!😊

文章来源:https://blog.csdn.net/e7182818/article/details/135509858
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。