ES6函数参数

ByteZenithMaster
• 阅读 945

在一些开发语言中,都把函数作为语言的一等公民。对于编写代码来说,函数可以很容易的把类似的代码放在一起,使用的时候统一调用,下面我就简单介绍一下ES6中,对函数参数的处理和新增内容。
一、参数默认值
1、es5中处理

function foo(x,y){
    console.log(x,y)
}
foo("hello") // hello undefind
function foo(x,y){
    y = y || "world" // 可以在es5中实现默认参数功能,但是对于空字符串或者0等,在js判断中判断为false的时候,还需单独判断
    console.log(x,y) // hello world
}
foo("hello")

2、es6中处理:同样遵守惰性赋值原则

function foo(x,y="world"){
    console.log(x,y)
}
foo("hello") // hello world
foo("hello",0) // hello 0

3、默认值要放在参数最后

function foo(x,y=5,z){
    console.log(x,y,z)
}
foo(1,2,3) // 1 2 3 
foo(1,2) // 1,2 undefind
function foo(x,y,z=5){
    console.log(x,y,z)
}
foo(1,2,3) // 1 2 3 
foo(1,2) // 1 2 5

二、与解构赋值结合(形式要完全一样)

function foo({x,y=5}){
    console.log(x,y)
}
foo({}) // undefind 5
foo({x:1}) // 1 5
foo({x:1,y:2}) // 1 2
foo() // Uncaught TypeError: Cannot destructure property 'x' of 'undefined' as it is undefined.

实例:封装ajax

function ajax(url,{
    body="",
    method="GET",
    headers={}
}={}){
    console.log(method)
}
ajax("https://www.baidu.com") // GET
ajax("https://www.baidu.com",{
    method:"POST"
}) // POST

三、length属性

function foo(x,y,z,v=5){
    console.log(x,y)
}
console.log(foo.length) // 3 返回没有指定默认值参数个数

四、作用域:形成参数的固定作用域,如果定义域内没有,会沿着作用域链向上找

let x = 2
function foo(x,y=x){
    console.log(y)
}
foo(2) // 2
let x = 1
function foo(y=x){
    let x=2
    console.log(y)
}
foo() // 1
function foo(y=x){
    let x=2
    console.log(y)
}
foo() // Uncaught ReferenceError: x is not defined

五、函数name属性

function foo(){}
console.log(foo.name) // foo
console.log((new Function).name) // anonymous
function foo(){
    console.log(this)
}
foo.bind({name:"lilei"})() // {name:"lilei"} bind用于重指向函数this
function foo(x,y){
    console.log(this,x,y)
}
foo.bind({name:"lilei"})(1,2) // {name:"lilei"} 1 2 

console.log(foo.bind({}).name) // bound foo
console.log((function(){}).bind({}).name) // bound
点赞
收藏
评论区
推荐文章
blmius blmius
4年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
美凌格栋栋酱 美凌格栋栋酱
7个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Jacquelyn38 Jacquelyn38
4年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Wesley13 Wesley13
3年前
FLV文件格式
1.        FLV文件对齐方式FLV文件以大端对齐方式存放多字节整型。如存放数字无符号16位的数字300(0x012C),那么在FLV文件中存放的顺序是:|0x01|0x2C|。如果是无符号32位数字300(0x0000012C),那么在FLV文件中的存放顺序是:|0x00|0x00|0x00|0x01|0x2C。2.  
Wesley13 Wesley13
3年前
mysql中时间比较的实现
MySql中时间比较的实现unix\_timestamp()unix\_timestamp函数可以接受一个参数,也可以不使用参数。它的返回值是一个无符号的整数。不使用参数,它返回自1970年1月1日0时0分0秒到现在所经过的秒数,如果使用参数,参数的类型为时间类型或者时间类型的字符串表示,则是从1970010100:00:0
Easter79 Easter79
3年前
Twitter的分布式自增ID算法snowflake (Java版)
概述分布式系统中,有一些需要使用全局唯一ID的场景,这种时候为了防止ID冲突可以使用36位的UUID,但是UUID有一些缺点,首先他相对比较长,另外UUID一般是无序的。有些时候我们希望能使用一种简单一些的ID,并且希望ID能够按照时间有序生成。而twitter的snowflake解决了这种需求,最初Twitter把存储系统从MySQL迁移
Wesley13 Wesley13
3年前
004. ES6之函数的扩展
1\.函数参数的默认值ES6允许为函数的参数设置默认值,functionlog(x,y'World'){console.log(x,y);}log('Hello')//HelloWorldlog('Hello','China')//HelloChina
Wesley13 Wesley13
3年前
初探 Objective
作者:Cyandev,iOS和MacOS开发者,目前就职于字节跳动0x00前言异常处理是许多高级语言都具有的特性,它可以直接中断当前函数并将控制权转交给能够处理异常的函数。不同语言在异常处理的实现上各不相同,本文主要来分析一下ObjectiveC和C这两个语言。为什么要把ObjectiveC和
Python进阶者 Python进阶者
1年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这