文章目录

• 一、JavaScript发展历程
• 二、基础语法
• • 1.JS引入方式
  • • 1.1 行内方式 (不推荐使用)
    • 1.2 内嵌方式
    • 1.3 外联方式（推荐使用）
  • 2.JS中的注释
  • 3.JS的输出方式
  • • 3.1 页面弹窗
    • 3.2 数据输出
    • 3.3 页面交互
    • 3.4 案例：页面弹窗
    • 3.5 简易计算器
    • 3.6 简易购物车
  • 4.字面量
  • 5.变量
  • • 5.1 什么是变量
    • 5.2 变量的声明
    • 5.3 命名规则
    • 5.4 命名规范
    • 5.5 变量的赋值
    • 5.6 变量的使用
    • 5.7 变量预解析
• 三、数据类型
• • 1.认识数据类型
  • 2.基本数据类型(掌握)
  • 3.复杂数据类型(了解)
  • 4.查看类型
  • 5.引用数据类型
  • 6.类型转换
  • 7.显式/隐式转换
• 四、运算符
• • 1.关于数据的表示
  • 2.赋值运算符
  • 3.算术运算符
  • 4.比较运算符
  • 5.逻辑运算符
  • 6.三元运算符
  • 7.位运算符(了解)
• 五、程序结构
• • 1.认识程序结构
  • 2.if-else选择结构
  • 3.switch-case选择结构
• 六、循环结构
• • 1.for循环
  • • 1.1 认识循环
    • 1.2 for基础语法
    • 1.3 break关键字
    • 1.4 continue关键字
  • 2.while循环
  • • 2.1 基本语法
    • 2.2 do-while循环基本语法
    • 2.3 案例开发
  • 3.死循环
  • 4.循环案例
  • • 4.1 1~100的和
    • 4.2 循环打印图形
    • 4.3 水仙花数
    • 4.4 打印10个斐波那契数列
• 七、数组
• • 1.认识数组
  • • 1.1 什么是数组
    • 1.2 为什么要使用数组
  • 2.数组声明
  • • 2.1 字面量创建数组(推荐)
    • 2.2 对象创建方式(了解)
    • 2.3 注意事项(熟悉)
    • 2.4 数组基础操作
  • 3.常见操作操作
  • 4.数组遍历函数
  • • 4.1 for循环
    • 4.2 for..in循环
    • 4.3 forEach()循环
    • 4.4 filter()
    • 4.5 map()
    • 4.6 every()
    • 4.7 some()
    • 4.8 reducer()
  • 5、数组其他函数
  • • 5.1 查询可操作函数
    • 5.2 常见的函数
• 八、函数
• • 1.认识函数
  • • 1.1 什么是函数
    • 1.2 函数的声明
    • 1.3 函数调用执行
    • 1.4 函数的预解析
    • 1.5 其他函数
  • 2.函数基本语法
  • • 2.1 声明基本语法
    • 2.2 基本函数
    • 2.3 函数参数
    • 2.4 函数返回值
    • 2.5 参数+返回值
  • 3.变量
  • • 3.1 局部变量和全局变量
    • 3.2 命名空间和作用域
    • 3.3 变量的预解析
  • 4.高级函数
  • • 4.1 函数的递归
    • • 4.1.1 什么是递归
      • 4.1.2 递归基本语法
      • 4.1.3 递归操作案例
      • 4.1.4 拓展：青蛙跳台问题
      • 4.1.5 函数在内存中执行过程
    • 4.2 函数的闭包
    • • 4.2.1 认识闭包
      • 4.2.2 闭包基本语法
      • 4.2.3 关于全局污染问题
      • 4.2.4 闭包案例
    • 4.3 自执行函数
    • • 4.3.1 代码编写即刻执行
      • 4.3.2 函数封装调用执行
      • 4.3.3 自执行函数
    • 4.4 总结
• 九、事件概述
• • 1.认识事件
  • 2.事件的绑定
  • 3.事件的取消
  • 4.this关键字
  • 5.常见网页事件[了解]
  • 6.事件对象[重点]
  • 7.特效案例开发
  • • 7.1 选项卡效果
    • 7.2 树形菜单
    • 7.3 自定义右键菜单
• 十、内置对象
• • 1.字符串
  • • 1.1 字符串声明
    • 1.2 字符串内存分析
    • 1.3 charAt(index)
    • 1.4 charCodeAt()
    • 1.5 includes()
    • 1.6 indexOf() / lastIndexOf()
    • 1.7 match() / search()
    • 1.8 startsWith () / endsWith()
    • 1.9 toLowserCase() / toUpperCase()
    • 1.10 replace() / replaceAll()
    • 1.11 slice() / substr() / substring()
    • 1.12 trim() / trimLeft() / trimRight()
    • 1.13 split()
    • 1.14 padStart() / padEnd()
  • 2.数学对象
  • • 2.1 Math.floor(dat)
    • 2.2 Math.ceil(dat)
    • 2.3 Math.trunc(dat)
    • 2.4 Math.round(dat)
    • 2.5 Math.max() / min()
    • 2.6 Math.pow(x,y)
    • 2.7 Math.random()
  • 3.日期对象
  • • 3.1 创建日期对象
    • 3.2 日期时间展示
  • 4.延时函数
  • • 4.1 基本语法
    • 4.2 setTimeout案例
    • 4.3 setInterval案例
  • 5.特效-倒计时