ES6
weixin_42554311
这个作者很懒,什么都没留下…
展开
-
ES6模块导出和引入
导出模块的方式有两种:(1)export default (默认导出)一个模块里面只能有一个默认导出const apikey="123key";export default apikey;引入模块:import kkkk from '路径';(2)命名导出const apikey="123key";const name="Marray";function gre...原创 2018-10-10 22:36:40 · 1768 阅读 · 0 评论 -
ES6 symbol数据类型
Symbol 值通过Symbol函数生成。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的 Symbol 类型。凡是属性名属于 Symbol 类型,就都是独一无二的,可以保证不会与其他属性名产生冲突。我们知道当我们声明相同相同的属性名的时候后面的会覆盖点前面声明的,如下:const classRoom={lili:{grade:60,gender:'fem...原创 2018-10-10 19:09:19 · 156 阅读 · 0 评论 -
Es6对象字面量的改进
(1)对属性名的简写:ES5的写法:const name='Marray';const age=20;const birthday="2018 10 20";const Marray={name:name,age:age,birthday:birthday}运行结果如下:ES6改进之后:const name='Marray';const ag...原创 2018-10-10 13:50:38 · 613 阅读 · 0 评论 -
ES6扩展运算符
ES扩展运算符可以帮助我们把可遍历对象的每一个元素扩展成一个新的参数序列,如下:const array1=['banana','apple','pear'];const array2=['Mango','Cinnamon','Pitaya'];const friut=[];我们要把两个数组拼接的话之前需要使用数组的contant方法;friut.concat(array1,ar...原创 2018-10-10 12:51:25 · 90 阅读 · 0 评论 -
ES6剩余参数
ES6提供了剩余参数,用法很简单也很方便,语法就是三个点号,例子如下:function converCurrency (rate,...amounts){return amounts.map((amount)=>{rate*amount})}const amounts=converCurrency(0.8,10,20,30);console.log(amounts);...原创 2018-10-10 12:12:55 · 973 阅读 · 0 评论 -
ES6 Array.from()和Array.of()
Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。类数组对象举例:实际应用中,常见的类似数组的对象是 DOM 操作返回的 NodeList 集合,以及函数内部的arguments对象。Array.from都可以将它们转为真正的数组。下面先看类数组...原创 2018-10-10 11:37:14 · 4076 阅读 · 0 评论 -
ES6 for of 循环
a直接看代码,比如有一个数组;const fruits=['Apple','Mango','Orange','Banana'];循环这个数组有四种方式:(1)for循环for(let i =0; i < fruits.length; i++){console.log(fruits[i]);}缺点:把循环分成三部分,并且要获取值必须以方括号的方式获取ruits[i]...原创 2018-10-09 22:36:51 · 212 阅读 · 0 评论 -
ES6变量解构赋值
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。ES6对象解构,直接看代码:const tom={name:'tom',age:20,family:{mother:'Mary',father:'Smith',brother:'Jone'}}const {name,age}=tom;const {mother,father...原创 2018-10-09 21:18:53 · 139 阅读 · 0 评论 -
ES6模板字符串
ES6提供了模板字符串使字符串的拼接以及模板的编写变得特别简单,组合字符串的时候不在需要加号单引号这些,直接使用一对反引号即可,而且字符串中需要变量的时候直接${变量名}的这种方式,大括号里面可以是任何的js表达式,变量,对象的属性,还可以是一个函数,模板字符串还可以进行嵌套。const person='lili';const age=5;const sentence=`${perso...原创 2018-10-09 20:38:02 · 493 阅读 · 0 评论 -
ES6函数默认参数
ES6值函数的默认值问题,如下有个计算两个数相乘的方法:function Multiplying(a=5,b=3){return a*b;}Multiplying(1,2)//结果是2,这时不会使用不默认值 当我们调用的时候什么都不传结果都使用的默认值当我们传一个参数的时候(默认第一个参数) 当想要前面的参数使用默认后面的参数使用传递的参数:这样写报错...原创 2018-10-09 18:04:37 · 3301 阅读 · 0 评论 -
Es6箭头函数的好处
(1)简明的语法如下:const numbers=[1,2,3,4,5];const double=numbers.map(function(number){returnnumber*2})console.log(double);//[2, 4, 6, 8, 10]使用箭头函数改写:let numbers1=[1,2,3,4,5];let double1=nu...原创 2018-09-10 15:12:17 · 11569 阅读 · 0 评论 -
ES6 let和const命令
1.let 命令基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。var a=20;var b =30;{let c= 10;let d =1;}console.log(a);//20console.log(b);//30console.log(c);//报错ReferenceError:c ...原创 2018-10-08 18:32:43 · 137 阅读 · 0 评论 -
ES6 Iterator遍历器
遍历器就是一个对象,这个对象有一个next方法,返回我们需要的数据,而可遍历对象就是那些部署了Symbol.iterator属性的对象,Symbol.iterator会返回一个遍历器,接下来看个简单的例子const array=['green','red','white'];console.log(array);打印array可以在它的原型里面看到有interator接口,or所以...原创 2018-10-11 18:01:44 · 162 阅读 · 0 评论