对象的扩展运算符 扩展运算符(...)。ES2018 将这个运算符引入了对象。 解构赋值 对象的解构赋值用于从一个对象取值,相当于将目标对象自身的所有可遍历的(enumerable)、但尚未被读取的属性,分配到指定的对象上面。所有的键和它们的值,都会拷贝到新对象上面。 上面代码中,变量z是解构赋值所 ...
分类:
其他好文 时间:
2019-02-25 15:20:02
阅读次数:
190
基本语法: 输出:console.log() 1:let 声明变量 es6之前:(var) 1):变量没有作用域 2):可以声明一样的变量多次 3):var 可以提升声明 es6之后:(let) 1):变量有作用域 2):不可以重复声明同样的变量 3): let 没有提升声明的功能 4): 可以声明 ...
分类:
其他好文 时间:
2019-02-15 21:16:12
阅读次数:
242
2015年6月17日 ECMAScript 6发布正式版本 打开VSCode终端powershell:ctrl+` 1、 定义变量:let 使用var 定义的变量没有{ }限制,在条件中定义的i,全局中都可以使用,造成变量污染,有变量提升预解析作用,只提升变量名,不提升值!降低js代码的可阅读性 相 ...
分类:
其他好文 时间:
2019-02-15 01:23:54
阅读次数:
191
2.解构赋值 2.1.什么是解构赋值? 什么是解构赋值?这里的关键字还是赋值,这是说如何去赋值的问题,这里说的解构可以理解为解散重新构造,所以解构赋值可以理解为解散重新构造后进行赋值,通常是左边一种结构,右边一种结构,左右的结构拆开来一一对应进行赋值,例如: 这里就相当于把1赋值给a,把2赋值给b, ...
分类:
其他好文 时间:
2019-02-09 22:44:46
阅读次数:
210
传统数组赋值 let arr = new Array(); arr[0] = 1; arr[1] = 2; arr[2] = 3; console.log(arr[0],arr[1],arr[2]); //1 2 3 每个都需要手写一次太麻烦! //ES6数组解构 let [a,b,c] = [1, ...
分类:
其他好文 时间:
2019-02-05 14:21:28
阅读次数:
165
解构赋值语法是一种JavaScript表达式用来将数组中的值或对象中的属性取出来区分为不同变量 1、对象的解构赋值 2、数组的解构赋值 3、交换值 4、取值并赋予一个新名称 我们能从响应提取这两个值并且给它们赋予一个我们喜欢的任何名称,比如x和y: ps:非var、let、const声明的解构赋值要 ...
分类:
其他好文 时间:
2019-02-03 12:44:59
阅读次数:
146
按照一定的模式从数组和对象中提取值,然后对变量进行赋值,这就是解构赋值 更多参考:阮一峰es6 ...
分类:
其他好文 时间:
2019-01-28 21:20:48
阅读次数:
150
前言:什么是ES6?ECMAScript 6(简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。其中相比较于ES5新增了诸多的特性,并且ES6可转换为ES5的语法。->在线ES6转换为ES5工具。 本系列学习随笔参考了阮一峰老师的《ES6标准入门》。 一、解构赋值简 ...
分类:
其他好文 时间:
2019-01-11 00:06:39
阅读次数:
208
现在写代码比以前好多了,代码的格式都有eslint、prettier、babel(写新版语法)这些来保证,然而,技术手段再高端都不能解决代码可读性(代码能否被未来的自己和同事看懂)的问题,因为这个问题只有人自己才能解决。我们写代码要写到下图中左边这样基本上就功德圆满了。(1)变量数量的定义拒绝:滥用变量letkpi=4;//定义好了之后再也没用过functionexample(){vara=1;v
分类:
编程语言 时间:
2019-01-09 11:14:42
阅读次数:
140
通过FileReader,和es6的方法解构赋值,promise对象简单封装上传预览 具体逻辑:选中图片之后,触发onchange方法,获得上传文件对象,调用fileReader方法验证图片是否符合上传需求,符合返回图片文本,不符合返回错误信息。 先介绍几个技术点,没接触过的朋友,可以先看看: Pr ...
分类:
Web程序 时间:
2019-01-04 19:39:15
阅读次数:
248