JavaScript 基础

自定义标题

  • 变量
        • 声明变量特殊情况
        • 命名规范
        • 练习
      • 小结
  • 数据类型
    • 变量的数据类型
      • 简单数据类型
        • 数字型 Number
          • 数字型的范围
          • 数字型的三个特殊值
          • isNaN()
        • 字符串型 String
          • 引号嵌套
          • 字符串转义符
  • 运算符
    • 算术运算符
      • 递增递减运算符
        • 前置递增运算符
        • 后置递增运算符
        • 练习
        • 小结
    • 比较运算符
    • 逻辑运算符
      • 短路运算(逻辑中断)
        • 逻辑与
        • 逻辑或
    • 赋值运算符
    • 运算符优先级
  • 流程控制
    • 顺序流程控制
    • 分支流程控制
      • 分支结构
        • if语句
        • if else语句(双分支语句)
        • 案例
        • if else if语句(多分支语句)
        • 三元表达式
        • switch语句
        • switch语句和if else if语句的区别
  • 循环语句
    • for循环![在这里插入图片描述](https://img-blog.csdnimg.cn/20200325145342619.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pcnJvcl9NeA==,size_16,color_FFFFFF,t_70)
      • 断点调试
      • 循环重复的代码
      • 重复执行不相同代码
      • 重复某些相同操作
    • 双重for循环
      • 案例![在这里插入图片描述](https://img-blog.csdnimg.cn/20200325151930571.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pcnJvcl9NeA==,size_16,color_FFFFFF,t_70)
      • for循环小结
    • while循环
    • do while循环
    • 循环小结
    • continue和break
  • JS命名规范
  • 数组
    • 概念
    • 创建数组
    • 获取数组元素
      • 数组的索引
    • 遍历数组
      • 数组的长度
    • 数组中新增元素
  • 函数
    • 概念
    • 函数的使用
      • 声明函数
    • 调用函数
      • 函数的封装
    • 函数的参数
      • 形参和实参
      • 形参和实参个数不匹配的问题
      • 小结
    • 函数的返回值
      • 函数返回值的注意事项
      • 函数没有return 返回 undefined
      • break,continue,return的区别
    • arguments的使用
    • 案例
      • 函数可以调用另外一个函数
    • 函数两种声明方式
  • 作用域
    • 概念
    • 变量作用域分类
    • JS没有块级作用域
    • 作用域链
  • 预解析
  • JavaScript对象
    • 概念
    • 为什么需要对象
    • 创建对象的三种方式
      • 利用字面量创建对象
      • 利用new Object创建对象
      • 利用构造函数创建对象
      • 构造函数和创建对象
    • new关键字
    • 遍历对象
    • 小结
  • 内置对象
    • 查文档
    • Math对象
      • Math.random()

变量

声明变量特殊情况

JavaScript 基础_第1张图片
特殊中的特殊情况:不声明不赋值 直接使用,当变量名是name时:
JavaScript 基础_第2张图片

命名规范

JavaScript 基础_第3张图片

练习

练习1JavaScript 基础_第4张图片

小结

JavaScript 基础_第5张图片

数据类型

变量的数据类型

JavaScript 基础_第6张图片

简单数据类型

JavaScript 基础_第7张图片

数字型 Number

JavaScript 基础_第8张图片

数字型的范围

JavaScript 基础_第9张图片

数字型的三个特殊值

JavaScript 基础_第10张图片

isNaN()

JavaScript 基础_第11张图片

字符串型 String

JavaScript 基础_第12张图片

引号嵌套

JavaScript 基础_第13张图片

字符串转义符

JavaScript 基础_第14张图片

运算符

算术运算符

递增递减运算符

JavaScript 基础_第15张图片

前置递增运算符

在这里插入图片描述

后置递增运算符

在这里插入图片描述

练习

JavaScript 基础_第16张图片

小结

JavaScript 基础_第17张图片

比较运算符

JavaScript 基础_第18张图片
JavaScript 基础_第19张图片

逻辑运算符

JavaScript 基础_第20张图片
JavaScript 基础_第21张图片

短路运算(逻辑中断)

在这里插入图片描述

逻辑与

JavaScript 基础_第22张图片
JavaScript 基础_第23张图片

逻辑或

JavaScript 基础_第24张图片
在这里插入图片描述

赋值运算符

JavaScript 基础_第25张图片

运算符优先级

JavaScript 基础_第26张图片
JavaScript 基础_第27张图片

流程控制

JavaScript 基础_第28张图片

顺序流程控制

JavaScript 基础_第29张图片

分支流程控制

分支结构

JavaScript 基础_第30张图片

if语句

语法结构:
JavaScript 基础_第31张图片
执行流程:
JavaScript 基础_第32张图片

if else语句(双分支语句)

语句结构:
JavaScript 基础_第33张图片
执行流程:
JavaScript 基础_第34张图片

案例

JavaScript 基础_第35张图片
分析:
JavaScript 基础_第36张图片
代码:
JavaScript 基础_第37张图片

if else if语句(多分支语句)

JavaScript 基础_第38张图片
JavaScript 基础_第39张图片
执行流程:
JavaScript 基础_第40张图片

三元表达式

JavaScript 基础_第41张图片
案例:
JavaScript 基础_第42张图片
JavaScript 基础_第43张图片

switch语句

在这里插入图片描述
JavaScript 基础_第44张图片
在这里插入图片描述
JavaScript 基础_第45张图片

switch语句和if else if语句的区别

JavaScript 基础_第46张图片

循环语句

循环的目的:
在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句

for循环JavaScript 基础_第47张图片

断点调试

JavaScript 基础_第48张图片

循环重复的代码

重复执行不相同代码

在这里插入图片描述JavaScript 基础_第49张图片

重复某些相同操作

在这里插入图片描述
JavaScript 基础_第50张图片
JavaScript 基础_第51张图片

双重for循环

JavaScript 基础_第52张图片
JavaScript 基础_第53张图片

案例JavaScript 基础_第54张图片

JavaScript 基础_第55张图片
JavaScript 基础_第56张图片
JavaScript 基础_第57张图片

for循环小结

JavaScript 基础_第58张图片

while循环

JavaScript 基础_第59张图片
JavaScript 基础_第60张图片

do while循环

在这里插入图片描述
JavaScript 基础_第61张图片

循环小结

JavaScript 基础_第62张图片

continue和break

在这里插入图片描述
JavaScript 基础_第63张图片
在这里插入图片描述
JavaScript 基础_第64张图片

JS命名规范

JavaScript 基础_第65张图片
JavaScript 基础_第66张图片
JavaScript 基础_第67张图片

数组

概念

JavaScript 基础_第68张图片

创建数组

在这里插入图片描述
JavaScript 基础_第69张图片
JavaScript 基础_第70张图片
JavaScript 基础_第71张图片

获取数组元素

数组的索引

JavaScript 基础_第72张图片

遍历数组

JavaScript 基础_第73张图片
在这里插入图片描述

数组的长度

在这里插入图片描述
JavaScript 基础_第74张图片
JavaScript 基础_第75张图片
在这里插入图片描述
JavaScript 基础_第76张图片
JavaScript 基础_第77张图片
JavaScript 基础_第78张图片
JavaScript 基础_第79张图片
JavaScript 基础_第80张图片
JavaScript 基础_第81张图片

数组中新增元素

JavaScript 基础_第82张图片
JavaScript 基础_第83张图片JavaScript 基础_第84张图片
JavaScript 基础_第85张图片
JavaScript 基础_第86张图片
JavaScript 基础_第87张图片
JavaScript 基础_第88张图片
JavaScript 基础_第89张图片
JavaScript 基础_第90张图片
JavaScript 基础_第91张图片
JavaScript 基础_第92张图片
JavaScript 基础_第93张图片
在这里插入图片描述
JavaScript 基础_第94张图片

JavaScript 基础_第95张图片
JavaScript 基础_第96张图片

函数

概念

在这里插入图片描述

函数的使用

函数在使用的时候分为两大步:声明函数和调用函数

声明函数

JavaScript 基础_第97张图片

调用函数

JavaScript 基础_第98张图片

函数的封装

JavaScript 基础_第99张图片

函数的参数

形参和实参

JavaScript 基础_第100张图片

形参和实参个数不匹配的问题

JavaScript 基础_第101张图片

小结

JavaScript 基础_第102张图片

函数的返回值

JavaScript 基础_第103张图片
JavaScript 基础_第104张图片
JavaScript 基础_第105张图片
JavaScript 基础_第106张图片

函数返回值的注意事项

JavaScript 基础_第107张图片
JavaScript 基础_第108张图片

函数没有return 返回 undefined

JavaScript 基础_第109张图片

break,continue,return的区别

JavaScript 基础_第110张图片

arguments的使用

JavaScript 基础_第111张图片
JavaScript 基础_第112张图片

案例

JavaScript 基础_第113张图片
JavaScript 基础_第114张图片
JavaScript 基础_第115张图片

函数可以调用另外一个函数

JavaScript 基础_第116张图片
JavaScript 基础_第117张图片

函数两种声明方式

JavaScript 基础_第118张图片
JavaScript 基础_第119张图片

作用域

概念

在这里插入图片描述
JavaScript 基础_第120张图片

变量作用域分类

在这里插入图片描述
JavaScript 基础_第121张图片
JavaScript 基础_第122张图片
JavaScript 基础_第123张图片

JS没有块级作用域

JavaScript 基础_第124张图片

作用域链

JavaScript 基础_第125张图片
JavaScript 基础_第126张图片
JavaScript 基础_第127张图片

预解析

JavaScript 基础_第128张图片
JavaScript 基础_第129张图片
在这里插入图片描述
JavaScript 基础_第130张图片JavaScript 基础_第131张图片
JavaScript 基础_第132张图片
JavaScript 基础_第133张图片
答案:undefined
JavaScript 基础_第134张图片
JavaScript 基础_第135张图片
JavaScript 基础_第136张图片
JavaScript 基础_第137张图片

JavaScript对象

概念

JavaScript 基础_第138张图片
JavaScript 基础_第139张图片

为什么需要对象

JavaScript 基础_第140张图片

创建对象的三种方式

JavaScript 基础_第141张图片

利用字面量创建对象

JavaScript 基础_第142张图片
JavaScript 基础_第143张图片
JavaScript 基础_第144张图片
JavaScript 基础_第145张图片

利用new Object创建对象

JavaScript 基础_第146张图片

利用构造函数创建对象

在这里插入图片描述
在这里插入图片描述
JavaScript 基础_第147张图片
JavaScript 基础_第148张图片

构造函数和创建对象

JavaScript 基础_第149张图片
JavaScript 基础_第150张图片

new关键字

JavaScript 基础_第151张图片
JavaScript 基础_第152张图片

遍历对象

JavaScript 基础_第153张图片

小结

JavaScript 基础_第154张图片

内置对象

JavaScript 基础_第155张图片

查文档

JavaScript 基础_第156张图片
JavaScript 基础_第157张图片

Math对象

JavaScript 基础_第158张图片

Math.random()

JavaScript 基础_第159张图片

你可能感兴趣的:(xmind-JS)