Java Script

这是一篇关于Java Script的思维导图

Java Script

• Java Script入门
  • Java Script引入方式
    • 嵌入式 嵌入式就是使用<script>标签包裹Java Script代码直接编写 到HTML文件中
    • 外链式 <script src="js/test.js"></script>
    • 行内式
  • 常用输出语句
    • alert（） 用于弹出一个警告框，确保可以看到某些信息
    • console.log（） 用于浏览器的控制台中输出内容
    • document.write（） 用于在HTML文档页面输出内容
  • 注释
    • 单行注释“//” 多行注释“/* */”
  • 数据与计算
    • 输出结果 ture 成立 false 不成立
  • 函数
    • prompt（）函数，弹出输入框，若取消显示null，若确认则显示输入的文本
  • 对象
    • window对象 document对象 String对象 自定义对象
• 基本语法
  • 变量
    • 变量就是存储数据的容器，Javascript通常用Var 来声明变量 通过变量名获取数据，甚至数据可以修改
  • 数据类型
    • 基本数据类型
      • 布尔型
        • Boolean，通常用于逻辑判断，只有ture和false两个值 表示事物的真和假
      • 数值型
        • Number，最基本的数据类型
          • isNaN（x）用来判断一个变量是否为非数字的类型 返回ture（x不是数字） 或者false（x是数字）
      • 字符型
        • Unicode字符、数字等组成的字符序列
          • 通过字符串的length属性可以获取整个字符
          • 字符串+任何类型=拼接之后的新字符串 数值相加，字符相连
      • 空型
        • Null 声明了变量a为空值
      • 如果一个变量声明未赋值，就是undefined 未定义数据类型 和数字相加最后的结果是NaN
    • 数据类型转换：把一种数据类型 的变量转换成另外一种数据类型
      • 转换为字符串
        • toString（）--alert(num.toString())
        • String（）强制转换--alert(String(num))
        • 加号拼接字符串--alert(num+"我是字符串")
      • 转换为数值型
        • parseInt(string)函数--将string类型转成整数数值型
        • parseFloat(string)函数--将string类型转成浮点数数值型
        • Number（）强制转换函数--将string类型转换为数值型
        • js隐式转换（-*/）--利用算术运算隐式转换为数值型 ’12‘-0
      • 转换为布尔型
        • Boolean（函数）--其他类型转换成布尔值
  • 表达式：各种类型的数据、 变量和运算符的集合
    • 算术运算符
    • 赋值运算符
    • 比较运算符
      • 正确 ture 错误false
    • 逻辑运算符
      • &&与 || 或 ！非
    • 三元运算符
    • 位运算符
  • 流程控制
    • 选择结构
      • 单分支语句
      • 双分支语句
      • 多分支语句
        • if...else if...else
        • switch（表达式）{ case值1：代码段1；break； ..... default：代码段n；}
    • 循环结构
      • while循环
      • do while循环
      • for循环
• 数组
  • 创建数组
    • 使用Array对象创建数组
      • var 数组名=new Array（）； var arr=new Array（）；//创建一个新的空数组
    • 使用”【】“创建数组
      • var 数组名=[ ]； var 数组名=[ '小白 '，’小黑‘]；
  • 数组的基本操作
    • 获取数组长度
      • arr.length 数组长度就是元素个数
        • newArr[newArr.length] 新增元素
    • 遍历数组
      • 依次访问所有元素的操作 for或for...in语句
        • for（variable in object）{...}
        • var arr=[’red‘，’green‘，’blue‘]； for （var i=0；i<3;i++）{ console.log(arr[i]);}
    • 元素的添加与修改
      • 通过数组名[下标]=值的方式添加数组元素， 允许下标不按照数字顺序连续添加
      • 新增数组元素 修改length长度 var arr=['red','green','biue']; console.log(arr.length); arr.length=5;
      • 删除元素
        • delete stu[1]; delete关键字只能删除数组中指定下标的元素值 删除元素后依然会占用一个空存储未知
    • 数组排序
      • 冒泡排序
      • 插入排序
• 函数
  • 函数的定义与调用
    • 定义函数 function 函数名[参数1，参数2]{ //函数体....}
      • 实参个数等于形参个数
        • 输出正确结果
      • 实参个数多于形参个数
        • 只取到形参的个数
      • 实参个数小于形参个数
        • 多的形参定义为undefined 结果NaN
    • 函数封装 把一个或者多个功能通过函数的方式封装起来 对外只提供一个简单的函数接口
      • 函数声明 var 变量名=function（）{}; var fun=function(){};
    • arguments的使用
      • arguments对象中存储了传递的所有实参 实际是当前函数的内置对象
  • 变量的作用域
    • 全局变量
    • 局部变量
• DOM
• 对象
  • 对象概述
    • 对象是一个具体的事物 属性与方法组成
    • 封装性
    • 继承性
    • 多态性
  • 创建对象
    • 利用字面量创建对象
      • 花括号{ }里面包含了表达这个具体事物的属性和方法 var obj={ uname：'张三 ， age：18，};创建了一个空对象
      • 调用对象的属性 对象名.属性名 console.log(obj.age); console.log(obj['age']); obj.sayHi();调用函数
    • 子主题
• js的变量数据类型是只有程序在运行过程中， 根据等号右边的值来确定的