#es6

ES6系列_11之Set和WeakSet数据结构

一、Set1.Set是什么? Set是ES6提供的一种新的数据结构。类似于数组。2.Set能解决什么问题Set和Array的区别是Set不允许内部有重复的值,如果有只显示一个,相当于去重。3.怎么使用Set相关东西 Set函数可以接受一个数组(或者具有iterable接口的其他数据结构)作为参数,用...

ES6系列_10之Symbol在对象中的作用

在ES5中对象属性名都是字符串,这容易造成属性名的冲突,比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin模式),新方法的名字就有可能与现有方法产生冲突,于是 ES6引入了Symbol。Symbol是一种新的原始数据类型,表示独一无二的值。它是继undefined、null、布尔值(B...

ES6系列_9之对象

 1.对象赋值es5中的对象赋值方式如下:letname="小明";letskill='es6开发';varobj={name:name,skill:skill};console.log(obj);结果为:ES6允许把声明的变量直接赋值给对象,例如:letname="小明";letskill='es6开发';...
代码星球 ·2020-08-31

ES6系列_8之函数和数组

 1.对象的函数解构ES6为我们提供了这样的解构赋值使在前后端分离时,后端返回来JSON格式的数据,前端可以直接把这个JSON格式数据当作参数,传递到函数内部进行处理。比如:letjson={a:'es6',b:'es5'}functionfun({a,b='es5'}){console.log(a);//e...
代码星球 ·2020-08-31

ES6系列_7之箭头函数和扩展

 1.默认值在ES6中给我们增加了默认值的操作相关代码如下:functionadd(a,b=1){returna+b;}console.log(add(1));可以看到现在只需要传递一个参数也是可以正常运行的。输出结果为:2。2.主动抛出错误ES6中我们直接用thrownewError(xxxx),就可以抛出...

ES6系列_6之新增的数组知识

 1.JSON数组格式转换JSON的数组格式就是为了前端快速的把JSON转换成数组的一种格式,json数组格式如下:letjson={'0':'男','1':'女',length:3}这就是一个标准的JSON数组格式,跟普通的JSON对比是在最后多了一个length属性。只要是这种特殊的json格式都可以轻松...

ES6系列_5之数字操作

下面是针对ES6新增的一些数字操作方法进行简单梳理。(1)数字验证Number.isFinite(xx)使用Number.isFinite()来进行数字验证,只要是数字,不论是浮点型还是整形都会返回true,其他时候会返回false。leta=11;letb=11.0console.log(Number.isFinit...
代码星球 ·2020-08-31

ES6系列_5之字符串模版

(1)之前我们也可以使用JavaScript输出模版字符串,通常是下面这样的:varrestult="姓名:<b>"+person.name+"</b>"但是我们可以看到:这样的传统做法需要使用大量的“”(双引号)和+来拼接才能得到我们需要的模版。但是这样是十分不方便的。...
代码星球 ·2020-08-31

ES6系列_4之扩展运算符和rest运算符

运算符可以很好的为我们解决参数和对象数组未知情况下的编程,让我们的代码更健壮和简洁。运算符有两种:对象扩展运算符与rest运算符。(1)解决参数个数问题以前我们编程是传递的参数一般是确定,否则将会报错或者异常,如下:functiontest(a,b,c,d){console.log(a)console.log(b)co...

ES6系列_3之变量的解构赋值

ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。解构有三种类型:1.数组的解构赋值(1)简单的数组解构以前,我们给变量赋值是直接单个指定值,比如:leta=0;letb=1;letc=2;数组解构的方式来进行赋值,如下:let[a,b,c]=[1,2,3];总结:从数组中提取值,按照位置的对...

ES6系列_2之新的声明方式

在ES5中我们在声明时只有一种方法,就是使用var来进行声明,ES6对声明的进行了扩展,现在可以有三种声明方式。   (1)var:它是variable的简写,可以理解成变量的意思。(2)let:它在英文中是“让”的意思,也可以理解为一种声明的意思。(3)const...

ES6系列_1之开发环境搭建

1.es6的简单介绍:ECMAScript6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。2.为什么要搭建ES6的开发环境?因为至今各大浏览器厂商所开发的JavaScript引擎都...

es6之扩展运算符 三个点(...)

对象的扩展运算符理解对象的扩展运算符其实很简单,只要记住一句话就可以:对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中letbar={a:1,b:2};letbaz={...bar};//{a:1,b:2}上述方法实际上等价于:letbar={a:1,b:2};letbaz=Objec...
代码星球 ·2020-08-25

JS学习- ES6 async await使用

async函数是什么?一句话,它就是Generator函数的语法糖。使用场景常常会遇到,请求完一个接口,拿完值再去请求另外一个接口,我们之前回调callback函数处理,如果很多的情况下,看起来很冗余,这时我们可以用async函数。比如我们有两个请求,如下,这里用的axios: functiongetCode...
代码星球 ·2020-08-25

es6知识点

扩展运算符(三个点):将值转换为参数序列。解构赋值:比如:var[a,b,c]=[1,2,3];  ...
代码星球 ·2020-08-19
首页上一页...678910...下一页尾页