ES 语法ppt课件.ppt

01 ECMAScript6基础语法 1 let命令 01 ES6新增let命令 用来声明变量 用法类似于var let声明的变量 只在let命令所在的代码块内有效 2 let命令 01 let命令不存在变量提升 let命令不允许在相同作用域内 重复声明同一个变量 3 const命令 02 const命令声明一个只读的常量 一旦声明 常量的值就不能改变 const命令声明的常量不得改变值 即一旦声明 就必须立即初始化 const命令声明的常量 只在声明所在的块级作用域内有效 const命令声明的常量不提升 只能在声明的位置后使用 const命令声明的常量 与let一样不可重复声明 4 const命令本质 02 const实际上保证的 并不是变量的值不得改动 而是变量指向的那个内存地址不得改动 对于简单类型的数据 数值 字符串 布尔值 值就保存在变量指向的那个内存地址 因此等同于常量 但对于复合类型的数据 主要是对象和数组 变量指向的内存地址 保存的只是一个指针 const只能保证这个指针是固定的 至于它指向的数据结构是不是可变的 就完全不能控制了 因此 将一个对象声明为常量必须非常小心 上面代码中 常量foo储存的是一个地址 这个地址指向一个对象 不可变的只是这个地址 即不能把foo指向另一个地址 但对象本身是可变的 所以依然可以为其添加新属性 5 模板字符串 03 传统的JavaScript语言 输出模板 ES6模板字符串 模板字符串 templatestring 是增强版的字符串 用反引号 标识 它可以当作普通字符串使用 也可以用来定义多行字符串 或者在字符串中嵌入变量 6 Map数据结构 04 Map数据结构类似于对象 是键值对的集合 传统的键只能用字符串 Map的键不限于字符串 各种类型的值 包括对象 都可以当作键 属性和操作方法 size属性size属性返回Map结构的成员总数 set key value set方法设置set方法设置键名key对应的键值为value 然后返回整个Map结构 如果key已经有值 则键值会被更新 否则就新生成该键 7 Map数据结构 04 属性和操作方法 get key get方法读取key对应的键值 如果找不到key 返回undefined has key has方法返回一个布尔值 表示某个键是否在当前Map对象之中 8 Map数据结构 04 属性和操作方法 delete key delete方法删除某个键 返回true 如果删除失败 返回false clear key clear方法清除所有成员 没有返回值 9 Map数据结构 04 Map遍历 keys 返回键名的遍历器 values 返回键值的遍历器 10 Map数据结构 04 Map遍历 entries 返回所有成员的遍历器 forEach 遍历Map的所有成员 11 箭头函数ArrowFunction 05 不需要参数或需要多个参数 就用圆括号代表参数部分 ES6允许使用 箭头 定义函数 代码块部分多于一条语句 就用大括号括起来 并且用return返回 12 箭头函数ArrowFunction 05 箭头函数返回对象时 必须在对象外面加上括号 箭头函数使得表达更加简洁 箭头函数能够简化回调函数 13 Class的基本语法 06 传统的生成实例对象的方法 构造函数 ES6的Class 类 概念 constructor是构造方法this关键字代表实例对象 14 Class的基本语法 06 extends 继承 super关键字 表示父类的构造函数 用来新建父类的this对象 15 Module模块 07 export命令 用于规定模块的对外接口 一个模块就是一个独立的文件 该文件内部的所有变量 外部无法获取 如果你希望外部能够读取模块内部的某个变量 就必须使用export关键字输出该变量 16 Module模块 07 import命令 用于输入其他模块提供的功能 import命令接受一对大括号