ES6学习笔记&速查

对象拓展运算符 ...

    let arr1=['www','jspang','com'];
    //let arr2=arr1;
    let arr2=[...arr1];
    console.log(arr2);
    arr2.push('shengHongYu');
    console.log(arr2);
    console.log(arr1);

如果第三行不加 … 则arr2会调用arr1的内存,最终会对arr1进行修改
…相当于传参(指针)。

rest运算符 ...

和对象拓展运算符很像,也是...
for ... of一起用
多用for ... of循环

字符串模板``

``可以代替字符串拼接。在`` 中可以使用${变量},而且可以在括号中进行简单的计算

字符串判断

es5只能用indexOf()判断,并且只会返回索引而includes()startsWith()endsWith则直接返回boolean

复制字符串

    console.log("abc",repeat(3));

数字进制

二进制:0 b 01010101
八进制:0 o 2341236

数组遍历

for(let 数据 of 数组)

获得函数需要的参数个数

函数名.length

函数解构

可以直接将json数组当作函数参数传入。

in的用法

可以用来做数组判断。

    先来看一下ES5判断的弊端,以前会使用length属性进行判断,为0表示没有数组元素。但是这并不准确,或者说真实开发中有弊端。

        let arr=[,,,,,];
        console.log(arr.length); //5
    上边的代码输出了5,但是数组中其实全是空值,这就是一个坑啊。那用ES6的in就可以解决这个问题。
        let arr=[,,,,,];
        console.log(0 in arr); //false

        let arr1=['jspang','技术胖'];
        console.log(0 in arr1);  // true
    注意:这里的0指的是数组下标位置是否为空。

Set:一种数据结构

和数组很像。区别是不允许有重复的值。

Map:一种数据结构

允许各种数据类型(对象或数组而不仅仅是字符串)作为key或value。

Proxy:钩子函数

钩子函数就是生命周期函数。可以在函数运行前或之后等时候使用hook。

Class

es6中可以使用class关键字创建一个类,构造函数用construer。

Promise

对es5回调地狱的解决方式。


学习暂时告一段落,接下来继续学习koa2
有关es6更多的内容可以直接到阮一峰的es6教程查看。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值