前端常见知识点汇总

前端常见知识点汇总 前言 一、ES6 1.1 ECMAScript 和 JavaScript 的关系： 1.2 基本语法 1.2.1 let定义变量特点 1.2.2 const声明常量（只读变量） 1.2.3 解构赋值 1.2.4 模板字符串 1.2.5 声明对象简写 1.2.6 定义方法简写 1.2.7 对象拓展运算符 1.2.8 箭头函数 1.3 总结 二、Vue 2.1 什么是vue 2.2 初始Vue.js Hello Vue 创建代码片段 2.3 基本语法 基本数据渲染和指令 双向绑定 绑定事件 vue修饰符和条件指令 条件渲染 循环指令 2.4 组件（重点） 全局组件 局部组件 2.5 生命周期 2.6 Vue路由 三、axios 3.1 axios简介 3.2 总结 四、Node.js 4.1 总结 五、npm 5.1 安装 5.1 总结 六、babel 6.1 安装 6.2 dist文件夹的作用 6.3 总结 七、模块化 7.1 ES5写法 7.2 ES6写法 你在开发中遇到了什么问题？ 7.3 总结 八、webpack 8.1 总结 九、实战 部署流程 模板目录说明 十、Bug记录 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E8%A3%85%E9%A5%B0%E6%9D%90%E6%96%99%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E8%A3%85%E4%BF%AE%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E6%9C%8D%E8%A3%85%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E4%B8%8D%E9%94%88%E9%92%A2%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E5%BB%BA%E7%AD%91%E5%B7%A5%E7%A8%8B%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E4%BF%AE%E7%BC%AE%E4%BF%AE%E8%B7%AF%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E7%BB%BF%E5%8C%96%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E7%89%A9%E4%B8%9A%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E6%B0%B4%E6%B3%A5%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E6%B6%82%E6%96%99%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E8%A3%85%E6%BD%A2%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E7%BE%8E%E5%AE%B9%E6%95%B4%E5%BD%A2%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E7%94%B5%E6%A2%AF%E9%85%8D%E4%BB%B6%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E7%94%B5%E5%AD%90%E5%85%83%E4%BB%B6%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E9%85%92%E5%BA%97%E7%94%A8%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E5%A5%A2%E4%BE%88%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%9F%B3%E5%AE%B6%E5%BA%84%E5%BC%80%E5%9B%BE%E4%B9%A6%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E4%BD%8F%E5%AE%BF%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E9%A4%90%E9%A5%AE%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E4%BC%9A%E5%8A%A1%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E4%BD%93%E8%82%B2%E7%94%A8%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E9%A3%9F%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%8A%B3%E4%BF%9D%E7%94%A8%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%B7%AE%E6%97%85%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%8A%A0%E6%B2%B9%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%BB%B4%E4%BF%AE%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%8A%9E%E5%85%AC%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%92%A8%E8%AF%A2%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E8%BF%90%E8%BE%93%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%9F%B9%E8%AE%AD%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%9C%BA%E5%9C%B0%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 前言 有了前后端的相关的知识，我们就从0到1写一个前后端分离项目了， 后面会继续更新谷粒学院项目。 敬请期待！！！

一、ES6 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

1.1 ECMAScript 和 JavaScript 的关系： 一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？

要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种语言能够成为国际标准。次年，ECMA 发布 262 号标准文件（ECMA-262） 的第一版，规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScript，这个版本就是 1.0 版。

因此，ECMAScript 和 JavaScript 的关系是，前者是后者的规范，后者是前者的一种实现（另外的 ECMAScript方言还有 Jscript 和 ActionScript）

1.2 基本语法 JS的变量是存储数据值的容器

ES标准中不包含 DOM 和 BOM的定义，只涵盖基本数据类型、关键字、语句、运算符、内建对象、内建函数等通用语法。

let声明变量 作用范围 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E6%BC%94%E5%87%BA%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%AD%96%E5%88%92%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%8A%B3%E5%8A%A1%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E8%AF%84%E4%BC%B0%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E4%BF%A1%E6%81%AF%E6%9C%8D%E5%8A%A1%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%BD%91%E7%BB%9C%E5%BB%BA%E8%AE%BE%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%88%B6%E9%80%A0%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%8A%A0%E5%B7%A5%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E4%BF%AE%E7%90%86%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%B9%BF%E5%91%8A%E8%AE%BE%E8%AE%A1%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%B9%BF%E5%91%8A%E7%AD%96%E5%88%92%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%B9%BF%E5%91%8A%E5%88%B6%E4%BD%9C%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%B9%BF%E5%91%8A%E5%AE%A3%E4%BC%A0%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%BB%BA%E7%AD%91%E8%AE%BE%E8%AE%A1%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E4%BB%93%E5%82%A8%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E6%8A%80%E6%9C%AF%E6%9C%8D%E5%8A%A1%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E6%90%AC%E8%BF%90%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%90%8A%E8%A3%85%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E6%B1%BD%E8%BD%A6%E9%85%8D%E4%BB%B6%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%BB%BA%E7%AD%91%E6%9D%90%E6%96%99%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%8C%BB%E8%8D%AF%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%8C%BB%E7%96%97%E8%AE%BE%E5%A4%87%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E6%9C%BA%E6%A2%B0%E8%AE%BE%E5%A4%87%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%A7%9F%E8%BD%A6%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E6%88%BF%E7%A7%9F%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%BB%BA%E6%9D%90%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%AE%B6%E5%85%B7%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%94%B5%E5%99%A8%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%BB%BA%E6%9D%90%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E4%BA%94%E9%87%91%E4%BA%A4%E7%94%B5%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%BB%BA%E6%9D%90%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%85%A4%E7%9F%BF%E5%8F%91%E7%A5%A813530060054 1.2.1 let定义变量特点 var 可以声明多次 let 只能声明一次

ES2015 引入了两个重要的 JavaScript 新关键词：let 和 const。

这两个关键字在 JavaScript 中提供了块作用域（Block Scope）变量（和常量）。

在 ES2015 之前，JavaScript 只有两种类型的作用域：全局作用域和函数作用域。

1 2 3 4 5 6 7 8 9 10 1.2.2 const声明常量（只读变量） ES2015 引入了两个重要的 JavaScript 新关键词：let 和 const。

通过 const 定义的变量与 let 变量类似，但不能重新赋值

1 2 3 4 5 6 7 8 1.2.3 解构赋值 创建 解构赋值.html

解构赋值是对赋值运算符的扩展。

他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。

在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取

1 2 3 4 5 6 7 8 9 10 11 //定义一个对象，name和age是属性 let user = {name:'yy',age:23}

//传统赋值方法 let name1 = user.name let age1 = user.age console.log(name1,age1) tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%BA%BA%E7%BB%87%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%A1%91%E6%96%99%E5%88%B6%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%8C%96%E5%B7%A5%E4%BA%A7%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%9A%AE%E9%9D%A9%E5%88%B6%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E9%87%91%E5%B1%9E%E6%9D%90%E6%96%99%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E9%92%A2%E6%9D%90%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%A7%9F%E8%B5%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%8D%B0%E5%88%B7%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%8D%AB%E6%B5%B4%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E8%A3%85%E9%A5%B0%E6%9D%90%E6%96%99%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E8%A3%85%E4%BF%AE%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E6%9C%8D%E8%A3%85%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E4%B8%8D%E9%94%88%E9%92%A2%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%BB%BA%E7%AD%91%E5%B7%A5%E7%A8%8B%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E4%BF%AE%E7%BC%AE%E4%BF%AE%E8%B7%AF%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%BB%BF%E5%8C%96%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%89%A9%E4%B8%9A%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E6%B0%B4%E6%B3%A5%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E6%B6%82%E6%96%99%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E8%A3%85%E6%BD%A2%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%BE%8E%E5%AE%B9%E6%95%B4%E5%BD%A2%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%94%B5%E6%A2%AF%E9%85%8D%E4%BB%B6%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E7%94%B5%E5%AD%90%E5%85%83%E4%BB%B6%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E9%85%92%E5%BA%97%E7%94%A8%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%A5%A2%E4%BE%88%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E8%8B%8F%E5%B7%9E%E5%BC%80%E5%9B%BE%E4%B9%A6%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E4%BD%8F%E5%AE%BF%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E9%A4%90%E9%A5%AE%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E4%BC%9A%E5%8A%A1%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E4%BD%93%E8%82%B2%E7%94%A8%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E9%A3%9F%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%8A%B3%E4%BF%9D%E7%94%A8%E5%93%81%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%B7%AE%E6%97%85%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%8A%A0%E6%B2%B9%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E7%BB%B4%E4%BF%AE%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 tags.news.sina.com.cn/%E7%83%9F%E5%8F%B0%E5%BC%80%E5%8A%9E%E5%85%AC%E8%B4%B9%E5%8F%91%E7%A5%A813530060054 //ES6赋值方法 let {name,age} = user //注意：结构的变量必须在user中有的属性 console.log(name,age) 1 2 3 4 5 6 7 8 9 10 11 1.2.4 模板字符串 模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。

以下操作，都是使用反引号完成

let str1 = hello, es6 demo up console.log(str1) 字符串插入变量和表达式：

// 字符串插入变量和表达式。变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。 let name2 = "yy" let age2 = 25 let str2 = hello,${name2},今年${age2}岁,明年${age2 + 1}岁 console.log(str2) 1 2 3 4 5 字符串中调用函数

function f() { return "hello es6" } let str3 = 反引号的调用函数测试${f()} console.log(str3) 1 2 3 4 5 1.2.5 声明对象简写 const age4 = 18 const name4 = 'yy'

//传统 const person1 = { age: age4, name: name4 } console.log(person1)

//es6 const person2 = { age, name } console.log(person2)