浩泽学编程的博客

在使用字符串输出时，如果其中存在变量，经常会采用字符串拼接的方法进行。即isName.innrtHTML="姓名："+name+""这种方法会有大量的双引号和加号出现，很繁琐，ES6引入了模板字符串进行简化。同时向大家介绍ES6引进的新字符串方法。以上就是ES6模板字符串的讲解和新增方法介绍。

ES6允许按照一定模式从数组和对象中提取值再对变量赋值，这被称为解构。这种新模式会映射出正在解构的数据结构，只有那些与模式相匹配的数据才会被提取出来。以上就是对解构赋值的讲诉以及用处的归纳。

讲解var命令，let命令，const命令上面就是对var,let，const命令的讲解。

在ES6中，其允许在大括号内直接写入变量和函数，作为对象的属性和方法。以上就是ES6对象简写的介绍，很简单。

简单的讲，箭头函数是将原function关键字和函数名删掉的一种简写函数形式。fuction 函数名(参数) {//函数体 } //例如 function fn1(a , b) {return a + b } //或 var fn1() =(a , b) => {以上就是箭头函数的介绍，但是大家一定要注意箭头函数的实际运用，比如箭头函数与解构赋值结合，箭头函数与数组方法回调结合等。（与数组方法回调结合我会在后面ES6的常见数组新增方法中讲解）

带你快速了解原型，原型链。函数都有prototype属性，这个属性指向的是一个对象，称之为原型（也称原型对象）。原型对象也有个constructor属性指向它的构造函数。Student类里的student()构造函数有个prototype属性其指向Student.prototype这个对象，即原型对象，通过student()构造函数实例化的对象student1有个__proto__属性，也指向Student.prototype这个原型对象。

监视属性当被监视的属性变化时，回调函数自动调用，进行相关操作监视的属性必须存在，才能进行监视！监视的两种写法：（1） Vue实例化对象内watch配置（2）通过Vue实例（假设是vm）vm.$watch监视以上就是监视属性。

v-ifv-elsev-else-ifv-show写法：（表达式返回的是布尔值）（1）v-if=“表达式”（2）v-else=“表达式”（一般不带表达式，v-else是当v-if或v-else-if都不成立就会触发）（3）v-else-if=“表达式”适用于切换频率低的场景特点：不展示的DOM元素直接移除注意：v-if可以和v-else、v-else-if一起使用，但要求结构不能被“打断”写法：v-show=“表达式”（表达式返回的是布尔值）

数据代理以上就是对数据代理的讲解，以及对Object.defineProperty()这个API的简讲。

ES6之前，JavaScript语言一直没有模块（Module）体系，无法将一个大型程序分解成相互依赖的小文件，再用简单的方法进行拼接起来。ES6在语言规格的层面上实现了模块功能，而且实现的相当简单，完全可以取代现有的CommonJS和AMD规范，成为浏览器和服务器通用的模块解决方案。ES6模块不是对象，而是通过export命令显式指定输出的代码，再通过import命令输入。模块功能由两个命令构成：export和import以上就是Moudle的一些命令。

Vue内的el，data属性（1）el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串（而这里所谓的容器就是带有id选择器的div的DOM对象，当然也可以用其他选择器）（2）Vue要想工作，肯定要实例一个Vue对象，且传入一个配置对象，而这个配置对象就是要制定的容器，这个对象配置也就是挂载，挂载之后Vue对象就可以和容器相关联（3）data用于储存数据，数据供el所指定的容器去使用。

v-for：列表渲染key的作用主要是为了高效的更新虛拟DOM，其原理是vue在patch（补丁）过程中通过key可以精准判断两个节点是否是同一个，从而避免频繁更新不同元素，使得整个patch过程更加高效，减少DOM操作量，提高性能。另外，若不设置key还可能在列表更新时引发一些隐蔽的bug。如某行数据不该更新的却更新了。vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果。

v-on：事件绑定以上就是事件处理的讲解。

计算属性以上就是计算属性的大致讲解。

插值表达式{{…}}v-bindv-model以上就是关于插值表达式、v-bind、v-model的讲解。

生成器以上就是生成器的介绍，希望对大家有所帮助。

Symbol除了上述的Symbol用法，Symbol还有一些内置属性指向语言内部的使用方法，大家感兴趣的话，可以自己去了解一下，这里不再详细讲解。这里大家可以看一下这位大佬的文章。Symbol详解。

对事件进行处理。以上就是事件修饰符的讲解。

Vue的创建者在创建Vue时没有完全遵守MVVM（一种软件架构模式），但是Vue的设计受到了他它的启发。这也是为什么经常用vm（ViewModel的缩写）这个变量名表示Vue实例。以上就是MVVM设计模式的讲解。

迭代器（Iterator）for…of遍历知道了工作原理，那么我们就开始思考利用迭代器怎样自定义遍历数据name : '王五' , like : [ '篮球' , '武术' , '吃东西' ] , [ Symbol . iterator ]() {return {} else {return {name : '王五' , like : [ '篮球' , '武术' , '吃东西' ] , [ Symbol . iterator ]() {return {} else {

rest参数与arguments变量相似。ES6引入rest参数代替arguments，获取函数实参。扩展运算符能将数组转化为参数序列。以上就是rest参数和扩展运算符的讲解。