ES6
cvper
向前走,打破前方的迷雾.....
展开
-
ES6 箭头函数
在ES6 中,增加了箭头函数这种新的形式,其实还是函数;下面简单了解一下:<script> let func = canshu => canshu; console.log(func(3)); </script>上面我们定义了一个函数,采用的es6箭头函数的形式;let 相当于 之前的 var ,用来定义变量,但是...原创 2018-04-19 14:13:45 · 126 阅读 · 0 评论 -
es6 展开运算符 ...
好记性不如烂笔头,在学习的过程中,越来越明白这句话的含义;ES6的展开运算符使用三个点来表示 ...使用展开运算符的前提:对象具有 Iterator 遍历器接口 ,比如数组,怎么判断一个对象是否具有Iterator 遍历器接口呢,我们查看对象是否有 Symbol(Symbol.iterator)属性就可以了,有的话,那就具有Iterator 遍历器接口,没有的话,那就不具有;我们看看数组:<...原创 2018-05-13 01:35:12 · 428 阅读 · 0 评论 -
遍历器 iterator
展开运算的对象是具有遍历器接口的对象,数组,map , set 等一些数据结构是具有遍历器接口的;这些对象都有一个属性: Symbol.iterator现在输出一下这个属性:console.log(arr[Symbol.iterator]);控制台 可以看到指向的是一个函数,一个方法:ƒ values() { [native code] }下面返回一个遍历器对象 obj ,并且使用next() 改...原创 2018-05-13 02:03:31 · 354 阅读 · 0 评论 -
数组的解构赋值
个人习惯在js中这个样子给变量赋值:<script> let test1="test1"; let test2="test2"; let test3="test3"; let test4="test4"; </script>在es6中,我们可以这样子实现赋值:<script>原创 2018-05-13 08:08:23 · 608 阅读 · 0 评论 -
对象解构赋值
先赋值看看:<script> let {abc:test1,def:test2}={abc:"first",def:"second"} console.log(test1) console.log(test2)</script>简化写法:<script> let {abc,def}={abc:"first"..原创 2018-05-13 08:34:48 · 654 阅读 · 0 评论