ES6 函数扩展

1.函数参数的默认值

Ⅰ.基本结构
  • 为函数的参数设置默认值
  • 参数变量是默认声明的不能用letconst再次声明 →报错
  • 不能有同名参数
  • 默认值每一次使用都会重新计→惰性求值
let x=9;
function foo(p = x + 1){
    console.log(p)
}
foo();  //10
x=10;
foo();  //11
Ⅱ.与解构赋值默认值结合使用
function foo({x,y = 5}){
    console.log(x,y);
}
foo({});         //undefined  5
foo({x:1});      //1,5
foo({x:1,y:2)};  //1,2
foo();           //报错
  • 使用了对象的解构赋值默认值。只有参数是一个对象时,变量才会通过解构赋值。→ 函数没有提供参数,变量 x,y你会生成,报错
  • 避免 → 通过提供函数参数的默认值;
    没有提供参数,参数默认为一个空对象undefined
function foo({ x , y = 5} = { }){
    console.log(x,y);
}
foo();  //undefined   5
  • 两种写法的区别?

function m1({x : 0, y = 0} = {})
function m2({x,y} = {x : 0,y : 0})

m1➜参数默认值是空对象,设置了解构赋值的默认值
m2➜函数默认值是一个有具体属性的对象,没有设置对象解构赋值的默认值

Ⅲ.参数默认值位置
  • 通常情况下,默认值参数 → 尾参数
  • 如果默认值的尾参数,则无法省略该参数,而不省略它后面的参数,除非显示输入 undefined (传入undefined ,将触发参数的默认值)

function f(x=1,y){}
f(,1); ✘
f(undefined,1); ✔

Ⅳ.函数的lenght属性
  • 对 length 指定默认值,length 属性失真(将返回没有指定默认值的参数个数????)
  • length返回值 = 函数参数个数 - 指定默认值的参数个数
  • rest 参数不计入length 属性
Ⅴ.作用域
  • 设置函数的默认值+函数声明初始化 ➔ 参数形成单独的作用域
    初始化结束后 ➔ 作用域消失
    以上现象在不设置参数默认值时,不出现

Ⅵ.应用

  • 可以指定某一个参数不得省略
  • 参数值设hi为 undefined,表明参数可以省略

2.rest 参数

  • 形式 :rest 参数(...变量名) ➔ 数组,将多余的变量放进数组中
    用于会获取函数的多余参数,可以不使用arguments对象了
  • 对比:arguments 对象不是数组,而是一个类似数组的对象
  • 注意: rest参数只能是最后一个参数,否则会报错
  • 函数的length属性,不包括reat参数

3.严格模式

  • 函数内部可以设定为严格模式
    'use strict' ➔ ES6规定,函数参数使用默认值,解构赋值,扩展运算符,函数内部不能显示为严格模式,否则报错
  • 严格模式下,不能使用前缀0表示八进制 (Js引擎会先成功执行,进入函数内部,发现是严格模式,然后报错)
  • 解决限制:
    ①设定全局性的严格模式,合法
    ②把函数包在一个无参数的立即执行函数

4.name属性

  • 返回该函数的函数名
  • ES6对属性行为做出了一些修改:
    匿名函数: ES5 的name属性,会返回空字符串
                       ES6的name属性,返回世纪的函数名
var f = function(){}
//ES5
f.name       // ""
//ES6
f.name      // "f"
  • 将一个具名函数赋值给一个变量,ES5/6的name属性都返回这个具名函数原本的名字
const bar = function baz(){ };
//ES5
bar.name      // "baz"
//ES6
bar.name     //"baz"
  • Founction 构造函数返回的函数实例,name 的属性值为 anonymous

(new Function).name
→ 'anonyous'

  • bind 返回的函数,name属性值前会加上 bound

4.箭头函数 ( => )

  • 关于参数
  1. var f = v => v ; 单个参数
  2. var f = ( a, b) => a + b; 多个参数用括号包起来
  • 箭头函数代码块多于一条语句,使用 {}
  • 返回一个对象,必须在对象外面加上括号
  • 只有一行语句,不需要返回值

let fn = () => void doesNotReturn();

  • 与变量解构结合使用
  • 简化回调函数
  • 与 rest 参数结合
使用注意

❶ 函数体内的 this 对象,是定义时所在的对象,不是使用时所在的对象
❷ 不可以当作构造函数,否则报错
❸ 不可使用 arguments 对象,函数内不存在(rest 参数代替)
❹ 不可使用 yield 命令,则不能做 Generator 函数

不适用场合

❶ 定义对象的方法
❷ 使用动态 this 的时候(箭头函数将 this 从 动态 装换成 静态)

5.尾调用优化

只在严格模式下开启,正常模式无效
尾调用指某个函数的最后一步是调用另一个函数(不一定出现在函数的尾部,主要看是否是操作的最后一步)
尾调用优化 只保留内层函数的调用帧。节省内存

函数调用会在内存中形成一个“调用记录”➨调用帧,保存调用位置和内部变量等信息。
尾调用由于是函数的最后一步操作,所以不需要保留外层函数的调用帧,因为调用位置、内部变量等信息都不会再用到,只要直接用内层函数的调用帧,取代外层函数的调用帧就可以。

尾递归

       ▼
尾调用自身
优点 普通递归耗费内存,容易发生“栈溢出”错误,尾递归,只存在一个调用帧,则永远不会出现“栈溢出”

柯里化
将多参数的函数装换成单参数的形式

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

推荐阅读更多精彩内容

  • 函数参数的默认值 基本用法ES6 之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 为了避免这个问题,通...
    焦迈奇阅读 177评论 0 0
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 3,372评论 0 1
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    陈老板_阅读 449评论 0 1
  • 一、函数参数的用法1、参数默认值的设置,与ES5 对比ES5中设置参数默认值的写法 这个写法有个缺陷:参数传递进来...
    贵在随心阅读 4,856评论 0 5
  • 文-深夜有南风 你是不是也埋怨过自己,为什么别人可以早起?而你不可以。为什么别人可以多才多艺?而你却没有一样东西拿...
    深夜有南风阅读 1,862评论 2 5