es6新增的扩展有哪些
导读:本文共7555.5字符,通常情况下阅读需要25分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: es6新增的扩展:1、允许为函数的参数设置默认值;2、新增箭头函数,可使用箭头“=>”来定义函数,语法“var 函数名=(参数)=>{...}”;3、扩展元素符“...”,可将一个数组转为用逗号分隔的参数序列,也可将某些数据结构转为数组。... ...
目录
(为您整理了一些要点),点击可以直达。
es6新增的扩展:1、允许为函数的参数设置默认值;2、新增箭头函数,可使用箭头“=>”来定义函数,语法“var 函数名=(参数)=>{...}”;3、扩展元素符“...”,可将一个数组转为用逗号分隔的参数序列,也可将某些数据结构转为数组。
本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。
一、函数参数
ES6
允许为函数的参数设置默认值
函数的形参是默认声明的,不能使用let
或const
再次声明
参数默认值可以与解构赋值的默认值结合起来使用
上面的foo
函数,当参数为对象的时候才能进行解构,如果没有提供参数的时候,变量x
和y
就不会生成,从而报错,这里设置默认值避免
参数默认值应该是函数的尾参数,如果不是非尾部的参数设置默认值,实际上这个参数是没发省略的
二、函数属性
函数的length属性
length
将返回没有指定默认值的参数个数
rest
参数也不会计入length
属性
如果设置了默认值的参数不是尾参数,那么length
属性也不再计入后面的参数了
name属性
返回该函数的函数名
如果将一个具名函数赋值给一个变量,则 name
属性都返回这个具名函数原本的名字
Function
构造函数返回的函数实例,name
属性的值为anonymous
bind
返回的函数,name
属性值会加上bound
前缀
三、函数作用域
一旦设置了参数的默认值,函数进行声明初始化时,参数会形成一个单独的作用域
等到初始化结束,这个作用域就会消失。这种语法行为,在不设置参数默认值时,是不会出现的
下面例子中,y=x
会形成一个单独作用域,x
没有被定义,所以指向全局变量x
四、严格模式
只要函数参数使用了默认值、解构赋值、或者扩展运算符,那么函数内部就不能显式设定为严格模式,否则会报错
五、箭头函数
使用“箭头”(=>
)定义函数
如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分
如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return
语句返回
如果返回对象,需要加括号将对象包裹
注意点:
函数体内的this
对象,就是定义时所在的对象,而不是使用时所在的对象
不可以当作构造函数,也就是说,不可以使用new
命令,否则会抛出一个错误
不可以使用arguments
对象,该对象在函数体内不存在。如果要用,可以用 rest
参数代替
不可以使用yield
命令,因此箭头函数不能用作 Generator 函数
六、扩展运算符
ES6通过扩展元素符...,好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列
主要用于函数调用的时候,将一个数组变为参数序列
可以将某些数据结构转为数组
能够更简单实现数组复制
数组的合并也更为简洁了
注意:通过扩展运算符实现的是浅拷贝,修改了引用指向的值,会同步反映到新数组
下面看个例子就清楚多了
扩展运算符可以与解构赋值结合起来,用于生成数组
如果将扩展运算符用于数组赋值,只能放在参数的最后一位,否则会报错
可以将字符串转为真正的数组
定义了遍历器(Iterator)接口的对象,都可以用扩展运算符转为真正的数组
如果对没有 Iterator 接口的对象,使用扩展运算符,将会报错
七、构造函数新增的方法
关于构造函数,数组新增的方法有如下:
Array.from()
Array.of()
Array.from()
将两类对象转为真正的数组:类似数组的对象和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)
还可以接受第二个参数,用来对每个元素进行处理,将处理后的值放入返回的数组
Array.of()
用于将一组值,转换为数组
没有参数的时候,返回一个空数组
当参数只有一个的时候,实际上是指定数组的长度
参数个数不少于 2 个时,Array()才会返回由参数组成的新数组
八、实例对象新增的方法
关于数组实例对象新增的方法有如下:
copyWithin()
find()、findIndex()
fill()
entries(),keys(),values()
includes()
flat(),flatMap()
copyWithin()
将指定位置的成员复制到其他位置(会覆盖原有成员),然后返回当前数组
参数如下:
target(必需):从该位置开始替换数据。如果为负值,表示倒数。
start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示从末尾开始计算。
end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负值,表示从末尾开始计算。
find()、findIndex()
find()用于找出第一个符合条件的数组成员
参数是一个回调函数,接受三个参数依次为当前的值、当前的位置和原数组
findIndex返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1
这两个方法都可以接受第二个参数,用来绑定回调函数的this对象。
fill()
使用给定值,填充一个数组
还可以接受第二个和第三个参数,用于指定填充的起始位置和结束位置
注意,如果填充的类型为对象,则是浅拷贝
entries(),keys(),values()
keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历
includes()
用于判断数组是否包含给定的值
方法的第二个参数表示搜索的起始位置,默认为0
参数为负数则表示倒数的位置
flat(),flatMap()
将数组扁平化处理,返回一个新数组,对原数据没有影响
flat()默认只会“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将flat()方法的参数写成一个整数,表示想要拉平的层数,默认为1
flatMap()方法对原数组的每个成员执行一个函数相当于执行Array.prototype.map(),然后对返回值组成的数组执行flat()方法。该方法返回一个新数组,不改变原数组
flatMap()方法还可以有第二个参数,用来绑定遍历函数里面的this
九、数组的空位
数组的空位指,数组的某一个位置没有任何值
ES6 则是明确将空位转为undefined,包括Array.from、扩展运算符、copyWithin()、fill()、entries()、keys()、values()、find()和findIndex()
建议大家在日常书写中,避免出现空位
十、排序稳定性
将sort()默认设置为稳定的排序算法
排序结果中,straw在spork的前面,跟原始顺序一致
es6新增的扩展有哪些的详细内容,希望对您有所帮助,信息来源于网络。