JavaScript

JS :一门轻量级、解释型、面向对象的脚本语言,主要用于实现网页交互逻辑,也可用于后端(Node.js)、移动端开发。
核心功能:修改网页内容 / 样式、处理用户交互、发送网络请求、数据存储与处理。

3 种引入方式:

  1. 行内脚本:直接写在 HTML 元素事件属性中(不推荐,耦合度高);
  2. 内部脚本:写在 HTML <script> 标签中(适用于单页面简单逻辑);
  3. 外部脚本:写在独立 .js 文件中,通过 <script src="xxx.js"></script> 引入(推荐,解耦、易维护)。

执行顺序:从上到下顺序执行,<script> 标签放在 <body> 底部(避免 DOM 未加载完成导致操作失败),或使用 DOM 加载完成事件。

注释规范:单行注释 // 注释内容,多行注释 /* 多行注释内容 *

基本数据类型

  • string:字符串类型(单 / 双 / 反引号包裹,如 "abc"'123'hello);
  • number:数字类型(整数、小数、NaN,如 103.14Infinity);
  • boolean:布尔类型(仅有 true 真、false 假两个值);
  • undefined:未定义类型(变量声明未赋值、访问不存在的属性时返回);
  • null:空类型(表示一个空对象指针,手动赋值表示 “无”);
  • symbol:ES6 新增,唯一不重复的值(用于对象属性唯一标识,基础阶段暂不深入)。

常用运算符

  • 算术运算符:+-*/%(取余)、++(自增)、--(自减);
  • 赋值运算符:=+=-=*=/=
  • 比较运算符:==(值相等)、===(值和类型都相等,推荐)、!=!==><
  • 逻辑运算符:&&(与,全真为真)、||(或,一真为真)、!(非,取反)。
(1)分支结构(根据条件执行不同代码)
  • if-else:单分支 / 双分支 / 多分支,适用于复杂条件判断;
  • if-else if-else:多条件递进判断;
  • switch-case:多值匹配判断,适用于固定值匹配(如菜单选择、状态判断)。
(2)循环结构(重复执行某段代码)
  • for 循环:适用于已知循环次数的场景(如遍历数组);
  • while 循环:先判断条件,再执行循环(适用于未知循环次数);
  • do-while 循环:先执行一次循环,再判断条件(至少执行一次);
  • 循环控制:break(终止整个循环)、continue(跳过当前循环,进入下一次)。

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注