美文网首页
ES6之函数的扩展

ES6之函数的扩展

作者: 我家的猫子在哪里 | 来源:发表于2017-08-30 20:59 被阅读0次

         ES6上函数的扩展表现在不仅体现在参数和属性变化还有具体函数表现形式的变化。

          首先是ES6上函数参数上的变化,ES6上函数的参数可以设置默认值,当调用的时候没有设置对应参数值(即没有对应参数) ,即开始调用默认参数值。参数变量都是默认声明的,所以在表达式中再采用let或者const去声明就会产生错误(var就不会了);在已经存在设置了默认值的参数的函数不能再存在同名函数(这会导致默认值的赋值是否会在两个同名函数上生效,产生混乱);函数参数默认值是表达式的时候,每次调用函数,参数的默认值都会重新根据表达式进行计算。ES6中函数参数和解构赋值结合,可以根据参数是否存在默认值、调用函数时传入的参数是否存在是否为空是否为对应对象,产生多种结果和错误,可以自己试一哈。函数参数设置默认值,在调用的时候,会产生参数自己的一个作用域和函数表达式一个作用域,参数自己的作用域变量是参数存在取参数,参数不存在直接取外层全局变量,注意不同的作用域和变量的作用范围。其次ES6支持一种rest参数,其实就是...values来表示多个参数(好low的感觉有木有),而且用这个东西做参数,只能放到参数的最后一个,不然就报错(好矫情有木有)。

         其次是函数的一些属性,fun.length原来是可以用来表示fun的参数个数,但是为参数设置默认值之后length的表达就不准确了,fun.length将用来指定没有设置默认值的参数的个数,而且rest参数的length为0,不是尾参数设置默认值的情况下该参数以后的参数个数都不会计入length中。fun.name返回函数的名称,在ES6上不管是匿名函数还是其他函数都可以把函数名给你显示出来。

      下面就是体现在数组,对象上的扩展,简写(估摸是都想偷个懒),=> === function ,利用箭头定义一个函数,var s = function(x){return x} === var s = (x) => x; (x)=>{return 多于一条语句的表达式},(x) =>(对象),但是简写也带来了一些别的不同,简写的函数体内this指向的是定义式所在的对象,而且不能当作构造函数(太草率),不能用arguments(函数体内不存在),不能用作yield函数(这个函数还是比较特殊好吧);而且这个箭头作用的函数还可以相互嵌套,不过看着有点乱好吧。绑定this对象 ::用来替代apply,call,bind,obj::fun,函数的this即是对象,::obj.fun,即是fun中的this指向obj。

        最后就是一个类似闭包的东西,尾调用,即函数中最后一步是调用最后一个参数,注意函数中return的步骤和作用,但是还跟闭包不一样,闭包是函数返回函数,而尾调用是函数返回函数的调用。函数结尾返回函数本身的调用叫做尾递归,注意包括尾递归优化和尾调用优化所在的严格模式下的arguments(参数),caller(函数本身)的失真问题==》报错。还有就是ES6需要在多行参数后面跟,但是之前是不可以的(会报错),和try{}catch{}只在不需要抛错的地方使用。

           这章写的好无聊,不扯了,下班回家。

    相关文章

      网友评论

          本文标题:ES6之函数的扩展

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