阅ES6..(简记)

let
const 常量
do{} 获取返回值


数组解构赋值.
let [a, b, c] = ['ha', 'haha', 'hahaha']

<数组的元素是按次序排列的,变量的取值由它的位置决定>

对象解构赋值
let {a, b} = {b: 'ha', a: 'haha'} a = 'haha' , b = 'ha'
or
let {c : b} = {a: 'haha', b: 'ha', c: 'hahaha'} b = 'hahaha'

<对象的属性没有次序,变量必须与属性同名,才能取到正确的值。>

字符串结构赋值
const [a, b, c, d, e] = 'hello'
let = {length : len} = 'hello'

数值/布尔值解构赋值
会先转为对象

函数解构赋值
function move({x, y} = { x: 0, y: 0 }) {
return [x, y];
}
move({x: 3, y: 8}); // [3, 8]
move({x: 3}); // [3, undefined]
move({}); // [undefined, undefined]
move();

建议只要有可能,就不要在模式中放置圆括号。

解构用途:

  1. 交换变量值
  2. 从函数内返回多个值
  3. 函数参数的定义
  4. 提取JSON数据
  5. 函数参数的默认值
  6. 遍历Map结构
  7. 输入模块的指定方法

  • 相当于 indexOf()
    includes():返回布尔值,表示是否找到了参数字符串。
    startsWith():返回布尔值,表示参数字符串是否在源字符串的头部。
    endsWith():返回布尔值,表示参数字符串是否在源字符串的尾部。

  • 返回一个新字符串,表示将原字符串重复n次。
    repeat()

  • ES2017 引入了字符串补全长度的功能:
    padStart()
    padEnd()
    <用途是为数值补全指定位数 或 提示字符串格式。>
  • 提示字符串格式
  • 模板编译
  • 往往用来充当模板字符串的处理函数,返回一个斜杠都被转义(即斜杠前面再加一个斜杠)的字符串,对应于替换变量后的模板字符串。
    String.raw()

-模板字符串的限制


  • 用来检查一个数值是否为有限的/NAN
    Number.isFinite()
    Number.isNaN()
  • 判断一个值是否为整数。
    Number.isInteger()

  • 在Number对象上面,新增一个极小的常量
    Number.EPSILON

  • 判断一个整数是否落在这个范围之内。
    Number.isSafeInteger()

  • 范围上下限
    Number.MAX_SAFE_INTEGER
    Number.MIN_SAFE_INTEGER

  • 用于去除一个数的小数部分,返回整数部分。
    Math.trunc()

  • 判断一个数到底是正数、负数、还是零。对于非数值,会先将其转换为数值。
    Math.sign

  • 计算一个数的立方根。
    Math.cbrt

  • 返回一个数的32位无符号整数形式有多少个前导0。
    Math.clz32

  • 返回两个数以32位带符号整数形式相乘的结果,返回的也是一个32位的带符号整数。
    Math.imul

  • 返回一个数的单精度浮点数形式。
    Math.fround

  • 返回所有参数的平方和的平方根。
    Math.hypot

  • 对数方法:Math.expm1(x)返回ex - 1,即Math.exp(x) - 1。
    Math.expm1()

  • Math.log1p(x)方法返回1 + x的自然对数,即Math.log(1 + x)。如果x小于-1,返回NaN
    Math.log1p()

  • 返回以10为底的x的对数。如果x小于0,则返回NaN。
    Math.log10()

  • 返回以2为底的x的对数。如果x小于0,则返回NaN。
    Math.log2()

  • ES6 新增 双曲函数方法
    Math.sinh(x) 返回x的双曲正弦(hyperbolic sine)
    Math.cosh(x)返回x的双曲余弦(hyperbolic cosine)
    Math.tanh(x)返回x的双曲正切(hyperbolic tangent)
    Math.asinh(x)返回x的反双曲正弦(inverse hyperbolic sine)
    Math.acosh(x)返回x的反双曲余弦(inverse hyperbolic cosine)
    Math.atanh(x)返回x的反双曲正切(inverse hyperbolic tangent)

  • 判断一个值的正负,但是如果参数是-0,它会返回-0。
    Math.sign()

  • 指数运算符
    **=
    **


  • 函数参数的默认值

  • 与解构赋值默认值结合使用

  • 参数默认值的位置

  • 函数的 length 属性

  • 作用域

  • 应用
    利用参数默认值,可以指定某一个参数不得省略,如果省略就抛出一个错误。

  • rest 参数 (形式为...变量名)
    用于获取函数的多余参数,这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组,该变量将多余的参数放入数组中。

  • 严格模式
    ES6做了一点修改,规定只要函数参数使用了默认值、解构赋值、或者扩展运算符,那么函数内部就不能显式设定为严格模式,否则会报错。
    *对应方法:①设定全局性的严格模式②把函数包在一个无参数的立即执行函数里面

  • 返回该函数的函数名。
    (function(){}).bind({}).name

  • 箭头函数
    ( ) => { }
    注意4点:
    ①函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。
    ②不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。
    ③不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。
    ④不可以使用yield命令,因此箭头函数不能用作 Generator 函数。

  • 嵌套的箭头函数

  • 绑定 this
    函数绑定运算符是并排的两个冒号(::),双冒号左边是一个对象,右边是一个函数。该运算符会自动将左边的对象,作为上下文环境(即this对象),绑定到右边的函数上面。

  • 尾调用优化
  • 尾递归
    函数调用自身,称为递归。如果尾调用自身,就称为尾递归。

“尾调用优化”对递归操作意义重大,所以一些函数式编程语言将其写入了语言规格。ES6 是如此,第一次明确规定,所有 ECMAScript 的实现,都必须部署“尾调用优化”。这就是说,ES6 中只要使用尾递归,就不会发生栈溢出,相对节省内存。

  • 递归函数的改写

[ 函数式编程有一个概念,叫做柯里化(currying),意思是将多参数的函数转换成单参数的形式。这里也可以使用柯里化。 ]

[ 总结一下,递归本质上是一种循环操作。纯粹的函数式编程语言没有循环操作命令,所有的循环都用递归实现,这就是为什么尾递归对这些语言极其重要。对于其他支持“尾调用优化”的语言(比如Lua,ES6),只需要知道循环可以用递归代替,而一旦使用递归,就最好使用尾递归。]

  • 严格模式
    ES6 的尾调用优化只在严格模式下开启,正常模式是无效的。
    因为在正常模式下,函数内部有两个变量,可以跟踪函数的调用栈。
    func.arguments:返回调用时函数的参数。
    func.caller:返回调用当前函数的那个函数。
  • 尾递归优化的实现
    尾递归优化只在严格模式下生效,那么正常模式下,或者那些不支持该功能的环境中,有没有办法也使用尾递归优化呢?回答是可以的,就是自己实现尾递归优化。

  • 函数参数的尾逗号
    ES2017 [允许]函数的最后一个参数有尾逗号。
    此前,函数定义和调用时,都不允许最后一个参数后面出现逗号。
    这样的规定也使得,函数参数与数组和对象的尾逗号规则,保持一致了。


  • 扩展运算符
    扩展运算符(spread)是三个点(...)。

  • 替代数组的 apply 方法

  • 替代数组的 apply 方法

  • 扩展运算符的应用
    ①合并数组
    ②与解构赋值结合
    ③函数的返回值
    ④字符串
    -能够正确识别32位的Unicode字符
    ⑤实现了 Iterator 接口的对象

  • 将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。
    Array.from()

  • 用于将一组值,转换为数组。
    Array.of
    -Array.of基本上可以用来替代Array()或new Array(),并且不存在由于参数不同而导致的重载。它的行为非常统一。
    <这个方法的主要目的,是弥补数组构造函数Array()的不足。因为参数个数的不同,会导致Array()的行为有差异 >

  • 在当前数组内部,将指定位置的成员复制到其他位置(会覆盖原有成员),然后返回当前数组。也就是说,使用这个方法,会修改当前数组。
    copyWithin()

  • 数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。
    find()

  • 数组实例的findIndex方法的用法与find方法非常类似,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。
    findIndex()

  • 使用给定值,填充一个数组。
    fill()

  • 用于遍历数组
    可以用for...of循环进行遍历,唯一的区别
    keys()是对键名的遍历
    values()是对键值的遍历
    entries()是对键值对的遍历。

  • 返回一个布尔值,表示某个数组是否包含给定的值,与字符串的includes方法类似.
    Array.prototype.includes

  • 数组的空位
    -数组的空位指,数组的某一个位置没有任何值。比如,Array构造函数返回的数组都是空位。
    forEach(), filter(), every()some()都会跳过空位。
    map()会跳过空位,但会保留这个值
    join()toString()会将空位视为undefined,而undefined和null会被处理成空字符串。
    -ES6是明确将空位转为undefined。
    Array.from扩展运算符(...)copyWithin()fill()for...of
    entries()keys()values()find()findIndex() 均会处理空位.
    由于空位的处理规则非常不统一,所以建议避免出现空位。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,015评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,262评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,727评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,986评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,363评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,610评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,871评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,582评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,297评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,551评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,053评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,385评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,035评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,079评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,841评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,648评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,550评论 2 270

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,152评论 0 4
  • 三,字符串扩展 3.1 Unicode表示法 ES6 做出了改进,只要将码点放入大括号,就能正确解读该字符。有了这...
    eastbaby阅读 1,442评论 0 8
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 3,269评论 0 1
  • 不知不觉来到日本已经三个月有余。平日里一直呆在东京这个繁忙异常,连走路都要带风的大都市里,整个人也变得有...
    莲蓉籽阅读 520评论 0 5
  • 说点什么吧——写在研究生入学考试成绩出来前夜。 此刻的心情,也如这几天的心情,真的是“寂寞空虚冷”哇!成绩没出来之...
    Eason_Grace阅读 296评论 0 0