ES6

  1. ES6中的默认参数
    把这些默认值直接放在函数签名中
let link = function (height=50,color="red",width="10") {
    console.log(height+color+width);
};
link();
调动函数式,参数不可以交换位置.
  1. ES6中的模板表达式
    在反引号包裹的字符串中,使用${NAME}语法来表示模板字符:
let person = function (name="json",age=20,sex="man") {
    let intro = `My name is ${name},I am ${age},I am a ${sex}.`;
    console.log(intro);//My name is jackson,I am 16,I am a man.
};
person(name="jackson",age=16);
为解决排版问题而诞生
  1. 箭头函数
let add = (a=1,b=2)=>a+b;
console.log(add());

this的指向

//ES5
let obj = {
  birth:1990,
    getAge:function () {
        let b=this.birth;
        let fn = function () {
            console.log("fn",this.birth);//this指向的是window,window中没有birth,所以是undefined
        };
        console.log(b);//1990
        return fn();
    }
};
obj.getAge()

ECMAScript6中的箭头函数则修复了this的指向问题

let obj = {
    birth:1999,
    getAge:function () {
        let b = this.birth;
        let fn = ()=>console.log("fn",this.birth);//1990,箭头函数修复this的指向,指向外部调用者obj
        console.log(b);//1990
        return fn();
    }
};
obj.getAge();
所以说,之所以出现箭头函数的原因是为了解决this指向问题
  1. Set
    里面的数据都是独一无二的
let set= new Set();
set.add(1);
set.add(2);
set.add(1);
set.add(3);
console.log(set); //Set { 1, 2, 3 }
//判断set中是否有b
console.log(set.has("b"));//true
  1. rest语法
let animal = (...types)=>{console.log(types)};
animal("cat","dog","fish");
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、ES6简介 ​ 历时将近6年的时间来制定的新 ECMAScript 标准 ECMAScript 6(亦称 ...
    一岁一枯荣_阅读 6,275评论 8 25
  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 3,053评论 0 16
  • 三,字符串扩展 3.1 Unicode表示法 ES6 做出了改进,只要将码点放入大括号,就能正确解读该字符。有了这...
    eastbaby阅读 1,694评论 0 8
  • 以下内容是我在学习和研究ES6时,对ES6的特性、重点和注意事项的提取、精练和总结,可以做为ES6特性的字典;在本...
    科研者阅读 3,319评论 2 9
  • 为什么我学习不好呢?如果说从自身上找原因,大众评委会投来赞赏的眼光,恩,就应该是这样。可我偏偏想说,是大环境的原因...
    Nancy随笔阅读 119评论 0 0

友情链接更多精彩内容