首页 > 其他分享 >ES6-函数参数的默认值

ES6-函数参数的默认值

时间:2023-01-10 11:44:06浏览次数:47  
标签:ES6 形参 解构 函数参数 默认值 fn 赋值

一.看看怎么用

        const fn = (x, y = 1) => {
            return x * y;//2
        }
        fn(2);//x=2,y没有实参使用默认值y=1;

二.默认值生效条件:该形参===undefined

三.默认值是表达式,惰性求值,和前面数组,对象解构赋值的默认值同理;

四.设置默认值小技巧,把有默认值的形参放到参数列表右边,类似(一)中的代码;

五.与解构赋值配合的应用

        const fn = ({ x = 1, y = 1 } = {}) => {
            console.log(x, y);//1,1
        }
        fn();//什么都不传,相当于{x=1,y=1}=undefined,会报错,所以给形参{x=1,y=1}设置默认值{}就是什么都不传时生效
        //{x=1,y=1}={}又是解构赋值

 

标签:ES6,形参,解构,函数参数,默认值,fn,赋值
From: https://www.cnblogs.com/zhoushangquan/p/17039638.html

相关文章

  • ES6-对象字面量的增强
    一.属性、方法的简洁表示法键名和变量/常量名一样的时候,可以只写一个;我们在对象解构赋值时,等号左边也可以这样;方法可以省略冒号和function关键字    constse......
  • ES6之 Generator及它的使用场景
    一、介绍Generator函数是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同回顾下上文提到的解决异步的手段:回调函数promise那么,上文我们提到promsie已经是一......
  • es6和es7的区别
    es6是什么ECMAScript6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程......
  • ES6-其他数据类型的解构赋值
    一.字符串的解构赋值1.以数组形式解构赋值const[a,,,b,c]='hello';console.log(a,b,c);//hlo2.以对象形式解构赋值//为什么字符串可......
  • [VueJsDev] 基础知识 - ES6循环使用手册
    [VueJsDev]目录列表https://www.cnblogs.com/pengchenggang/p/17037320.htmlES6循环使用手册:::details目录目录ES6循环使用手册Array.1:filter()方法Array.2:......
  • ES6-对象的解构赋值
    一.概念:结构匹配,属性相同的完成属性值赋值,不论属性的书写顺序const{sex:bage:a}={age:18,sex:'男'};console.log(a,b);//18'男'//---------------......
  • ES6-解构赋值(数组)
    一.概念:解析某一数据的结构,将我们想要的东西提取出来,赋值给变量或者常量1const[a,b,c]=[1,2,3];2console.log(a,b,c);//123二.数组的解构......
  • ES6的新特性有哪些
    1、let、const 2、模板字符串 3、箭头函数 4、解构赋值 5、promise 6、数组的新方法 7、对象的新方法 8、class类 9、新增Set、Map两种数据结构......
  • 函数---函数参数和返回值
    函数---函数参数和返回值标签(空格分隔):python目录函数---函数参数和返回值1,函数1.1数学定义1.2Python函数1.3函数的作用1.4函数的分类2,函数定义3,函数调用4,函数参数4.1......
  • 使用Es6提供的构造函数Proxy实现数据绑定
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</......