#es6

基于 es6 的 javascript 实用方法

一、求数字数组的平均数-使用数组的reduce()方法将每个值添加到累加器,初始值为0,总和除以数组长度。constaverage=arr=>arr.reduce((accumulator,currentValue)=>accumulator+currentValue,0)/arr.length;//ave...

ES6数组扩展运算符

1扩展运算符的运用(1)复制数组  数组是复合的数据类型,直接复制的话,只是复制了指向底层数据机构的指针,而不是克隆一个全新的数组;consta1=[1,2];consta2=a1;a2[0]=2;a1//[2,2];上面代码中,a2并不是a1的克隆,而是指向同一份数据的另一个指针,修改a2,会直接导致a1的变化;&n...
代码星球 ·2020-04-05

ES6、ES7的一些新特性

1.常见的就是let和const命令let 只在命令所在的代码块内有效const声明一个只读的常量2.变量的赋值let[a,b,c]=[1,2,3];这样输出的话a=1,b=2let{foo,bar}={foo:'aaa',bar:'bbb'};对象也可以 foo='aaa'var{x,y=5}={...

Web 开发的未来:React、Falcor 和 ES6

Widen是一家数字资产管理解决方案提供商。目前,其技术栈还非常传统,包括服务器端的Java、浏览器端的AngularJS、提供RESTAPI支持的Jersey以及jQuery、 Underscore、lodash、jQueryUI和Bootstrap等各种库。近日,该公司的首席开发人员RayNicholus...

reactjs学习一(环境搭配react+es6+webpack热部署)

 reactjs今年在前端圈里很火,用了三四个月,感觉确实很适合前端开发人员使用,值得深入一下,所以这里记录一下我简单的学习过程,首先是react的环境,由于现在react的新版本已经很稳定了,所以推荐使用es6+webpack来搭建开发环境。首先,安装nodejs,略过,安装gitbrach,略过,直接搜索...

ES6 Promise 用法讲解

Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。那就new一个varp=newPromise(function(resolve,reject){//做一些异步操作setTimeout(function(){console.lo...
代码星球 ·2020-04-01

es6模板字符串 问题记录

自古无图无真相,望各位博主在条件允许的情况下,配张图片吧!界面是用join拼接的,当循环td的时候会产生一个空串,界面就会出现一个逗号,虽然功能块算实现了,不过始终美中不足,然后想到的办法是替换所有的逗号为空串,如图二:不过界面指执行了一个逗号的替换,多个逗号用正则也不生效,还有没有其他办法呢? 最后把模板字...

用ES6巧妙的解决传统面试中的算法小问题!

最近自己也在准备面试,在复习算法的时候,机智的用了一波ES6.一起来瞧瞧吧!1.数组的去重vararr=str.split('');for(vari=0;i<arr.length-1;i++){for(varj=i+1;j<arr.length;j++){if(arr[i]==arr[j]){arr.spl...

ES5 实现 ES6 的 class以及extends

ts中是这样的classGreeter{greeting:string;constructor(message:string){this.greeting=message;}greet(){console.log("Hello,"+this.greeting)}}letgreeter=newGreeter("world...
代码星球 ·2020-04-01

ES6的数组方法之Array.from

首先说说什么是数组:数组在类型划分上归为Object,属于比较特殊的对象,数组的索引值类似于对象的key值。数组的几个注意点:1.数组的长度是可读属性,不可更改,数组的长度根据索引最大值。2.数组的索引值可以是字符串等,但这个不影响数组的长度。3.数组根据下标最大值,会自动补齐对应的其他索引值,且值为空。ES6新增了数...
代码星球 ·2020-04-01

es6-块级作用域let 和 var的区别

 块级绑定 js的处理机制和我们大家想象的完全不同,并不完全是所谓函数调用以及上下执行那样简单,它是存有”域”的本质区别的。 var具有全局污染特性,所以es6才会出现let、const。 下面通过一些实例来给大家解释一下: 1<!DOCT...

ES6-解构赋值

从ES6开始,JavaScript引入了解构赋值,可以同时对一组变量进行赋值。 把一个数组的元素分别赋值给几个变量:vararray=['hello','JavaScript','ES6'];varx=array[0];//hellovary=array[1];//JavaScriptvarz=array[2...
IT猿 ·2020-03-27

JavaScript常用数组操作方法,包含ES6方法

concat()方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。vararr1=[1,2,3];vararr2=[4,5];vararr3=arr1.concat(arr2);console.log(arr1);//[1,2,3]console.log(arr3);//[1,2,3,...

ES6之箭头函数

 ES6标准新增了一种新的函数:ArrowFunction(箭头函数)。为什么叫ArrowFunction?因为它的定义用的就是一个箭头:x=>x*x上面的箭头函数相当于:function(x){returnx*x;} 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面...
IT猿 ·2020-03-27

ES6之set和map

JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构,即一组键值对。但是JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题,最新的ES6规范引入了新的数据类型Map。MapMap是一组键值对...
IT猿 ·2020-03-27
首页上一页...1415161718下一页尾页