zoukankan      html  css  js  c++  java
  • ES6常用知识点笔记

    ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。

    因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015(简称ES2015)。虽然浏览器在不断更新,但并不是所有用户的电脑浏览器都支持ES6,所以在使用的过程中建议还是转成es5,保证代码的可执行性。至于转换的方式大家可以用Babel或者Traceur转码器。

    1、变量声明
    var,let,const
    2、字符串拼接
    `我说${s2}有丝`
    3、解构赋值
    支持数组、对象
    4、数组复制
    var arr1 = [1,2,3];
    var arr2 = Array.from(arr1);
    var arr2 = [...arr1];(...arr1表示一个数组,arr1是数组名)
    5、Map对象
    var o = new Map();//键值对的集合
    map.set('a','apple');
    map.get('a');
    map.delete('a');
    // 注意for..in是不能循环map对象的,用for..of
    for(var name of map){
    //循环出来的结果就是:a,apple b,banana 循环key,value
    console.log(name);
    }
    //循环出来的结果就是: a,apple b,banana 循环key,value
    for(var [key,value] of map.entries()){
    console.log(key,value);
    }
    //只循环key
    for(var key of map.keys()){
    console.log(key);
    }
    //只循环value
    for(var val of map.values()){
    console.log(val);
    }
    6、箭头函数
    (params)=>{语句;}
    7、类和继承(class和extends)
    8、模块化 export 和 import
    9、对象合并
    Object.assign(target,sourcel,sourde2);
    10、异步同步:async和await promice和then
    默认axios是异步请求,使用async和await可以将请求转换成同步模式
    then中遇到reject,下面代码不会执行,如果想下面的代码执行,必须用try cache包住。
    11、Object.is() 、==、===
    ==:等同,比较运算符,两边值类型不同的时候,先进行类型转换,再比较;
    ===:恒等,严格比较运算符,不做类型转换,类型不同就是不等;
    Object.is():是ES6新增的相等的方法,与===的行为基本一致。改进了2处:+0不等于-0,NaN等于自身。
    12、set是没有重复值的数组
    var oSet = new Set([1,3,7]);
    13、for-of和for-in
    两种遍历的方式,
    for-in遍历获得的是键(数组:序号下标,对象和Map:键名)
    for-of 遍历获得的的是值(数组:值,对象和map:键值对)

  • 相关阅读:
    Archlinux安装搜狗拼音输入法
    Linux下解决zip压缩包文件名乱码问题
    Ubuntu与Windows时间不同步解决办法
    Archlinux安装yaourt
    Archlinux双显卡安装NVIDIA闭源驱动
    java opencv 检测缺口图片是否向左凸出来的
    谷歌recaptcha验证码java解决方案
    自动提交站点最新文章到百度
    如何解决谷歌Chrome浏览器空白页的问题
    Httpclient httpdelete 参数
  • 原文地址:https://www.cnblogs.com/tiandi/p/12259808.html
Copyright © 2011-2022 走看看