文档章节

ES6

wytao1995
 wytao1995
发布于 09/22 02:05
字数 617
阅读 5
收藏 0

ES6:不改变原理的基础上,让API变得更简单

一、let:代替var用于声明变量

1、var的缺点:

        (1)声明提前

        (2)没有块级作用域

2、let的优点:

        (1)组织了申明提前

        (2)让let所在的块({}),也变为一级作用域

二、参数增强

1、默认值

    ES6中可以给形参提前设置一个默认值,调用时,如果没有给实际参数,就自动启用形式参数代替

    默认值,必须放在形式参数的末尾

function fun(b,c,a=3000) {
            document.write(`${a+b+c}`)
        }
        fun(4000,4000)

2、剩余参数:

    arguments缺点:代替arguments,arguments不是继承自数组,导致所有的数组API都不能使用,只能接住所有参数,不能有选择的接住部分参数

    剩余参数的优点:是纯正的数组,能够使用数组的所有API,可有选择的获取剩余参数

function fun(name,...arr) {
            let result=arr.reduce(function (pre,elem) {
               return  pre+elem;
            })
            document.write(`${name}的工资是:${result}`)
        }
        fun('lili',4000,2000,4000)

3、散播

    代替apply,用于专门打撒数组类型参数为单个值

    apply缺点:apply主要功能是替换this,顺便打撒数组类型

let arr=[3,4,5,6,7];
        console.log(Math.max(...arr))
        console.log(...arr)

三、箭头函数

    用来简写一切匿名函数

    (1)去function变=>

    (2)如果只有一个参数,可省略()

    (3)如果函数体中只有一个语句体,可省略{},如果仅有的语句体是return,必须省略return

箭头函数内外this通用,如果内外this不能通用时不能用箭头函数,如果需要内外this通用时,用箭头函数

四、解构

提取出一个大的对象中的部分成员,单独使用

1、数组解构:下标对下标,只是把数组内容拿出来,如果修改拿出来的内容,数组内容仍然不变,变得是拿出来的内容

var date=[2019,2,12];
        var[year,month,day]=date;
        console.log(year,month,day)

2、对象解构:属性对属性

var stu={
            name:'zhangsan',
            age:18,
            email:'rwr@163.com',
            gender:'m',
            login:function () {
                alert('success')
            }
        }
        var {name,age,login}=stu
        console.log(name)
        console.log(stu.name)
        stu.name='lisi';
        console.log(`${name}`)
        login()

3、参数解构

 

五、for of

    1、

© 著作权归作者所有

上一篇: BOM
下一篇: ES5
wytao1995
粉丝 1
博文 53
码字总数 33926
作品 0
六安
私信 提问
[译] You Might Not Use ES6

原文作者:Addy Osmani 原文链接: es6-equivalents-in-es5 译者:snow 喜欢理由:帮助我们更好的了解 ES6 语法 语法目录 箭头函数 块级作用域 模板字符串 计算属性 解构赋值 默认参数 Iter...

snowLu
01/15
0
0
前端开发不得不知的ES6十大新特性

es6排名前十的最佳特性列表 默认参数 in es6 模板文本 in es6 多行字符串 in es6 解构赋值 in es6 增强的对象文本 in es6 箭头函数 in es6 Promise in es6 块作用域构造Let and Const Class...

gyfeng1003
05/02
0
0
张成文——ECMAScript 6 开发体系实践

2016年04月23日14:00時,在武汉市东湖高新技术开发区民院路38号纽宾凯鲁广国际酒店(光谷步行街地铁C出口省测绘局斜对面),舉行的规模在800人左右的2016源创会武汉站。由张成文(腾讯SNG web)分...

yunwangjun
2016/04/24
2.4K
1
前端开发者不得不知的 ECMAScript 6 十大特性

ES6(ECMAScript2015)的出现,无疑给前端开发人员带来了新的惊喜,它包含了一些很棒的新特性,可以更加方便的实现很多复杂的操作,提高开发人员的效率。 本文主要针对ES6做一个简要介绍。 ...

oschina
2016/03/16
26.2K
24
linux 环境下 angular2 生成component 报错 ELOOP:too many symbolic links encountered, stat

adaptercat@debian :/project/angular/AngularTest/src/app$ ng generate component t Error: ELOOP: too many symbolic links encountered, stat '/project/angular/AngularTest/node_modul......

adaptercat
2017/10/10
486
1

没有更多内容

加载失败,请刷新页面

加载更多

iOS Xcode升级包地址(感谢大神)

下载地址:DeviceSupport

_____1____
6分钟前
3
0
Qt编写自定义控件71-圆弧进度条

一、前言 现在web形式的图表框架非常流行,国产代表就是echart,本人用过几次,三个字屌爆了来形容,非常强大,而且易用性也非常棒,还是开源免费的,使用起来不要太爽,内置的各种图表和仪表...

飞扬青云
6分钟前
2
0
润乾报表与 ActiveReport JS 功能对比

简介 润乾报表是用于报表制作的大型企业级报表软件,核心特点在于开创性地提出了非线性报表数学模型,采用了革命性的多源关联分片、不规则分组、自由格间运算、行列对称等技术,使得复杂报表...

泡泡糖儿
17分钟前
4
0
【1015】LNMP架构二

【1015】LNMP架构二 三、PHP安装 PHP安装和LAMP安装PHP方法有差别,需要开启php-fpm服务 1、下载PHP7至/usr/local/src/ 切换目录:cd /usr/local/src 2、解压缩 tar -jxvf php-7.3.0.tar.gz...

飞翔的竹蜻蜓
51分钟前
4
0
浅谈Visitor访问者模式

一、前言 什么叫访问,如果大家学过数据结构,对于这点就很清晰了,遍历就是访问的一般形式,单独读取一个元素进行相应的处理也叫作访问,读取到想要查看的内容+对其进行处理就叫作访问,那么...

青衣霓裳
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部