美文网首页
ES6 基础

ES6 基础

作者: 0c2cd425ef56 | 来源:发表于2018-03-30 09:41 被阅读0次

一、变量声明

1.语法: let 变量 = 值, const 变量 = 值

2.两种都是声明变量的关键字,let用于声明变量,const用于声明常量,增加块级作用域功能


二、箭头函数

1. 语法:    ()=> {  }

2. 若函数有且仅有一个参数时,可简写成: 参数 => { }      (省略弧括号)

3. 若函数语句只有一个return时,可简写成:() => 语句      (省略花括号)


三、函数的参数 与 ... 操作符

1. 语法:(a, b, ...args) => { }。  ...args 是函数中的一个形参,可自定义命名

2. ... 具有收集参数的功能。函数除了a、b参数以外,之后的所有参数都会被 ...args收集,它会以数组的形式保存参数,且它只能是函数的最后一个参数。

3. ... 具有展开数组的功能

4. 函数的默认参数, 语法: (a, b=2, c='默认')=> {} ,可以直接给参数赋值,即定义默认参数。


四、解构赋值

1. 语法: 

    ⑴. [a,b] = [1,10]            //  a=1, b=10

    ⑵. {a,b} = {A:1, B:10}     //  a=1, b=10

2. 注意事项:

    ⑴. 左右两边的结构必须完全一致

    ⑵. =号右边必须是js中合法的数据结构

    ⑶. 声明和赋值必须在一句话中完成。


五、数组新增的方法:map , reduce, filter, forEach


六、字符串新方法: 

1. startWith ,endsWith

2. 字符串模板     ` `(返单引号)   ,

3. ${内容}   ,  这种写法可以在字符串模板里塞内容


七、promise

阮一峰老师讲的十分详细,建议阅读:http://es6.ruanyifeng.com/#docs/promise

相关文章

  • ES6基础语法

    ES6基础语法

  • JavaScript进阶

    一、ES6基础 1. ECMAScript 6 简介 ECMAScript(ES6) 是JavaScript语言的...

  • <ES6>总结:知识点

    一、ES6基础: 1、ES6的配置: 在WebStorm中,打开设置,按照如下,找到JavaScript:Lang...

  • 数组去重

    基础类型数组去重 ES5 ES6 复杂类型数组去重 ES5 ES6

  • es6基础知识3(迭代)

    title: es6基础知识3(迭代)tags: 迭代categories: 前端 1. 迭代器 es6中新增了迭...

  • webpack 4.0 基础配置

    基础配置主要包括: webpack 基础配置安装 webpack 打包后的配置 html 插件 样式处理 es6 ...

  • react基础入门:(一)原生JS基础测试

    原文链接:react基础入门:(一)原生JS基础测试 以下问题都是以es6为基础 一 基础 有哪些数据类型? 字符...

  • 来,用ES6写个Promise吧

    本文采用es6语法实现Promise基本的功能, 适合有javascript和es6基础的读者,如果没有,请阅读 ...

  • es6-selfnote

    ECMAScript6(ES6)基础知识及核心原理 使用Babel编译ES6 一、下载安装Babel环境:需要电脑...

  • ES6入门基础

    ES6入门基础 一.let & const 1.基本用法 es6新增 let命令,用来申明变量,用法类似于var,...

网友评论

      本文标题:ES6 基础

      本文链接:https://www.haomeiwen.com/subject/ilgpcftx.html