JS简介思维导图

这是一篇关于JS简介 JS语法 JS数据类型的思维导图。该思维导图比较系统全面地总结了关于这一部分的基本知识点。

JS

• JS简介
  • JS构成
    • 核心（ECMAScript）
    • 文档对象模型（DOM）--document Object Module
    • 浏览器对象模型（BOM）--Browser Object Module
  • 五大主流浏览器
    • ie/firefox/safari/chrome/oprera
  • JS特点
    • 弱类型语言，脚本编程语言，运行时不需要编译
    • 面向对象的语言
    • 简单性、安全性、动态性、跨平台性
  • JS使用
    • 行级、嵌套、引入
  • JS获取和修改页面元素
    • document.querySelector('选择器')
      • 获取页面元素
      • document.querySelector('选择器').innerHTML = ‘新内容’
    • document.querySelectorAll('选择器')
      • 获取选择器对应的全部元素
    • document.querySelector('选择器').style.属性 = '值'
      • 改变元素样式
  • JS事件
    • 事件源
      • 操作对象
    • 事件
      • 做什么动作
    • 事件处理函数
      • 具体操作
• JS语法
  • 语法规范
    • 区分大小写
      • 关键字、变量、函数名、所有标识符
    • 注释
      • 单行 //
      • 多行 /* */
    • 语句
      • 分号结尾
        • 加上分号也会在某些情况下增进代码的性能**
      • 控制语句中只有一条语句建议也要使用代码块
  • 关键字与保留字
    • 标识符
      • 只能由数字、字母、下划线和美元符号（$）组成
      • 不能以数字开头
      • 不能是保留字和关键字
      • 大小写敏感 age Age 这是两个完全不同的变量
      • 见名知意(尽量使用英文全称)
      • 单词个数超过两个之后
        • 驼峰式命名 className 第一个单词字母小写，剩下的每个单词的首字母大写
        • 下划线命名 class_name
    • 保留字
      • var string array
  • 变量variable
    • 用var声明
    • 变量名是大小写英文、数字、$和_的组合，且不能用数字开头 不能是关键字
    • 使用赋值符号 **=** 对变量进行赋值
    • 函数内声明变量内有使用var，则为全局变量
• JS数据类型
  • typeof操作符
    • 操作数：变量、数值字面量
    • typeof null 时会返回字符串 "object"
  • 基本数据类型
    • String
    • boolean
      • true 和 false
      • 转换为true
        • !![] !!{}
        • 非空字符串 非零数值 任何对象
      • 转换为false
        • !!0 !!-0 !! ''
        • !!null !!undefined !!NaN !!false
    • Number
      • 表示整数和浮点数值
      • 不适合进行科学计算
      • +(加)、-(减)、*(乘)、/(除)，会把类型转换成数字 +优先考虑字符串
      • Number函数
        • Boolean 值， true 和 false 将分别被转换为 1 和 0
        • null 值，返回 0
        • undefined，返回 NaN
        • 字符串
  • 特殊数据类型
    • Null
      • typeof null 返回 object
      • null == undefined 返回true null === undefined 返回false
    • Undefined
      • 只有一个值 undefined
      • 返回undefined的情况
        • 声明的变量没有赋值
        • 访问数组不存在的下标或对象不存在的属性
        • 函数没有给形参传实参
        • 函数没有返回值
        • typeof 未定义的变量
    • NaN
      • NOT a Number 不是一个数字。但类型是number
      • NaN和任何值都不相等，包括他自己
      • NaN和任意的数字进行运算时返回NaN
  • 引用数据类型
    • 数组
    • 对象
    • 函数
  • 变量作用域