[JavaScript知识库]学习笔记 JavaScript ES6 函数的参数

学习内容：

• 参数的默认值
• 与解构赋值结合
• length属性
• 作用域
• 函数的name属性

参数的默认值

function test(x, y = 'kitty') {
  console.log(x,y)
}

test('hello')
test('hello',true)
test('hello',0)

-------------
hello kitty
hello true
hello 0

细节1：函数中的参数会被默认声明

细节2：test(x, x, y)，这样定义也不可以，参数名不可以重名

function test(x) {
  let x = 2 // 使用const也是一样的报错
  console.log(x)
}

test(1)

------------------------------------------------------------
错误信息：Identifier 'x' has already been declared (50:14)

细节3：默认参数的位置一定要放到最后面

// 这样是不对的
function test(x, y = 1, z) {
  console.log(x,y,z)
}

// 这样是对的
function test(x, z, y =1) {
  console.log(x,y,z)
}

与解构赋值的结合

这里之前也学习过，主要注意两边的形式要相互匹配上，否则报错的。

function test({x,y='3'}){
  console.log(x,y)
}

test({})
test({
  x:1
})

--------------
undefined '3'
1 '3'

下面的例子如果看不懂，特别是ajax参数中有一个"={}"没看懂，可以参考：

https://coding.imooc.com/learn/questiondetail/NAr19Xnwk9r6LBEz.html

ES6当中，设置函数默认值比较常用，而且大多结合着解构赋值来用

function ajax(url,{
  body = '',
  method = 'GET' 
} = {}) {

  console.log(url,method)
}

ajax('http://www.nice.com')
ajax('http://www.nice.com',{
  method : 'POST'
})

------
GET
POST

length属性

返回没有指定默认值的参数的个数

function foo(x,y,z) {
}

function foo1(x,y=1,z=2) {
}

function foo2(x=1,y=1,z=2) {
}
console.log(foo.length)
console.log(foo1.length)
console.log(foo2.length)

--------------------
3
1
0

作用域

下午继续。。。