JavaScript语句学习小记

最新推荐文章于 2024-07-30 10:56:44 发布

e7182818

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量417

点赞数 9

分类专栏： # JavaScript 学习笔记文章标签： javascript 学习开发语言

本文链接：https://blog.csdn.net/e7182818/article/details/135509858

版权

9 篇文章 0 订阅

订阅专栏

在这里插入图片描述

重温基础小概念

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

探索语句的小组件

你知道吗？JavaScript语句是由好多小部分组成的哦，比如：

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

// 使用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有一组保留的关键字，用于控制语句的流程、声明变量等。以下是一些常见的关键字：

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

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

关注

专栏目录