Vuejs 前端开发技术与实践第PPT课件（共12章）第2章 Vue项目开发中常用ES6语法.pptxVIP

第2章 Vue项目开发中常用ES6语法2.1 变量、常量声明（1） let命令let用来声明变量，let与用var声明变量有如下不同点:①不允许重复声明②不存在变量提升③块级作用④暂时性死区⑤let 命令与for语句：在for语句中，用let命令定义的变量，作用域在for语句范围内。（2）const命令const命令用来声明一个只读的常量，一旦声明，值就不能改变。使用特性跟let命令使用的特性一样。2.2 变量的解构赋值从数组和对象中提取值，对变量进行赋值。（1）数组的解构赋值从数组中提取值，按照对应位置对变量赋值。（2）对象的解构赋值对象的解构赋值，因为对象的属性没有次序，所以变量名必须与属性名同名，才能在对象中取到值。2.3 rest参数rest参数也称不定参数或剩余参数，形式为“…变量名“，用于获取函数或数组解构赋值中的多余参数。2.4 箭头函数使用箭头“=”来定义函数，箭头函数省略了function。语法如下：(参数1, 参数2,……,参数n) ={ 函数体 }“=” 前面的部分是函数的参数，“=” 后面的部分是函数体的代码块。说明：（1）当参数列表只有一个参数时，参数列表的圆括号可以省略，但其它情况必须要。（2）当函数体只有一条return语句时，可省略花括号和return关键字。2.5模板字符串使用“ ` ”反引号（键盘左上角~键下的符号）创建字符串模块`string`。模板字符串简化了对字符的拼接，代替传统复杂单引号、双引号与“+”来拼接字符串。模板字符串可以在字符串中嵌入变量，在 `` 中可以使用 ${var} 直接把变量和字符串拼接起来，模板字符串里面${var}是变量的占位符。2.6 Module 的语法ES6?模块功能的实现主要使用export和import命令export命令用于规定模块的对外接口import命令用于输入其他模块提供的功能 export和import命令示例表模块（exp.js）模块(imp.js)定义对外接口三种常用写法定义对外接口导入模块（exp.js）的数据及使用第一种写法?export var a = 123;export function b() { console.log(hello world)}import {a,b} from /exp.jsconsole.log(a);b();第二种写法?var a = 123;function b() { console.log(hello world)} export {a,b};（1）同上（2）给变量命别名写法import {a,b as c} from ./exp.jsconsole.log(a);c();第三种写法export default { a : 123, b: function () { console.log(hello world) }import c from /exp.jsconsole.log(c.a);c.b();2.7 Promise的基本用法Promise对象用于异步操作，异步调用结果如果存在依赖需要嵌套，层层嵌套形成回调“地狱”，Promise可以把回调“地狱”拉成一个从上往下的执行队列。Promise对象是一个构造函数，用于生成Promise实例对象。Promise的基本用法的语法格式如下：Promise对象是一个构造函数，用于生成Promise实例对象。Promise的基本用法的语法格式如下：var p= new Promise (function (resolve, reject) {//这里处理异步任务//异步操作成功时调用resolve(成功的数据 )//异步操作失败时调用reject(报错信息)});p.then(function(res){// 从resolve得到正常的结果},function(res){//从reject得到报错信息})