《Vue.js前端开发技术与实践》课件-第2章Vue项目开发中常用ES6语法

第2章Vue项目开发中常用ES6语法

2.1变量、常量声明（1）let命令let用来声明变量，let与用var声明变量有如下不同点:①不允许重复声明②不存在变量提升③块级作用④暂时性死区⑤let命令与for语句：在for语句中，用let命令定义的变量，作用域在for语句范围内。（2）const命令const命令用来声明一个只读的常量，一旦声明，值就不能改变。使用特性跟let命令使用的特性一样。2.2变量的解构赋值从数组和对象中提取值，对变量进行赋值。（1）数组的解构赋值从数组中提取值，按照对应位置对变量赋值。（2）对象的解构赋值对象的解构赋值，因为对象的属性没有次序，所以变量名必须与属性名同名，才能在对象中取到值。2.3rest参数rest参数也称不定参数或剩余参数，形式为“…变量名“，用于获取函数或数组解构赋值中的多余参数。2.4箭头函数使用箭头“=>”来定义函数，箭头函数省略了function。语法如下：(参数1,参数2,……,参数n)=>{函数体}“=>”前面的部分是函数的参数，“=>”后面的部分是函数体的代码块。说明：（1）当参数列表只有一个参数时，参数列表的圆括号可以省略，但其它情况必须要。（2）当函数体只有一条return语句时，可省略花括号和return关键字。使用“`”反引号（键盘左上角~键下的符号）创建字符串模块`string`。模板字符串简化了对字符的拼接，代替传统复杂单引号、双引号与“+”来拼接字符串。2.5模板字符串模板字符串可以在字符串中嵌入变量，在``中可以使用${var}直接把变量和字符串拼接起来，模板字符串里面${var}是变量的占位符。2.6Module的语法ES6

模块功能的实现主要使用export和import命令export命令用于规定模块的对外接口import命令用于输入其他模块提供的功能模块（exp.js）模块(imp.js)定义对外接口三种常用写法定义对外接口导入模块（exp.js）的数据及使用第一种写法

exportvara=123;exportfunctionb(){console.log("helloworld")}import{a,b}from'/exp.js'console.log(a);b();第二种写法

vara=123;functionb(){console.log("helloworld")}export{a,b};（1）同上（2）给变量命别名写法import{a,basc}from'./exp.js'console.log(a);c();第三种写法exportdefault{a:123,b:function(){console.log("helloworld")}importcfrom'/exp.js'console.log(c.a);c.b();

export和import命令示例表2.7Promise的基本用法Promise对象用于异步操作，异步调用结果如果存在依赖需要嵌套，层层嵌套形成回调“地狱”，Promise可以把回调“地狱”拉成一个从上往下的执行队列。Promise对象是一个构造函数，用于生成Promise实例对象。Promise的基本用法的语法格式如下：Promise对象是一个构造函数，用于生成Promise实例对象。Promise的基本用法的语法格式如下：varp=newPromise(function(resolve,reject){//这里处理异步任务//异步操作成功时调用resolve("成功的数据")//异步操作失败时调用reject("报