欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ES6 函数

程序员文章站 2022-05-04 14:00:21
一、函数参数 1.可以使用默认参数 2.用let或const再次声明参数会报错,var不会。 3.使用参数默认值时,函数不能有同名参数。 4.参数默认值不是传值的,而是每次都重新计算默认值表达式的值。也就是说,参数默认值是惰性求值的。 5.通常情况下,定义了默认值的参数,应该是函数的尾参数。 6.指 ......

一、函数参数

1.可以使用默认参数

function add(x=1,y=2){
    return x+y;
}

2.用let或const再次声明参数会报错,var不会。

function add(x=1,y=2){
    let x = 1; // error
    const x = 2; // error
    var x = 3;
}

3.使用参数默认值时,函数不能有同名参数。

// 不报错
function foo(x, x, y) {
  // ...
}

// 报错
function foo(x, x, y = 1) {
  // ...
}

4.参数默认值不是传值的,而是每次都重新计算默认值表达式的值。也就是说,参数默认值是惰性求值的。

let x = 99;
function foo(p = x + 1) {
  console.log(p);
}

foo() // 100

x = 100;
foo() // 101

5.通常情况下,定义了默认值的参数,应该是函数的尾参数。

//no
function f(x = 1, y) {
  return [x, y];
}
//yes
function f(y, x = 1) {
  return [x, y];
}

6.指定了默认值以后,函数的length属性,将返回没有指定默认值的参数个数。也就是说,指定了默认值后,length属性将失真。

(function (a) {}).length // 1
(function (a = 5) {}).length // 0
(function (a, b, c = 5) {}).length // 2

如果设置了默认值的参数不是尾参数,那么length属性也不再计入后面的参数了。

(function (a = 0, b, c) {}).length // 0
(function (a, b = 1, c) {}).length // 1

7.一旦设置了参数的默认值,函数进行声明初始化时,参数会形成一个单独的作用域(context)。等到初始化结束,这个作用域就会消失。这种语法行为,在不设置参数默认值时,是不会出现的。

var x = 1;

function f(x, y = x) {
  console.log(y);
}

f(2) // 2
let x = 1;

function f(y = x) {    //参数y = x形成一个单独的作用域。这个作用域里面,变量x本身没有定义,
  let x = 2;               //所以指向外层的全局变量x。函数调用时,函数体内部的局部变量x影响不到默认值变量x。
  console.log(y);     
}

f() // 1

如果此时,全局变量x不存在,就会报错。

function f(y = x) {
  let x = 2;
  console.log(y);
}

f() // referenceerror: x is not defined

下面这样写,也会报错。

var x = 1;

function foo(x = x) {
  // ...
}

foo() // referenceerror: x is not defined

上面代码中,参数x = x形成一个单独作用域。实际执行的是let x = x,由于暂时性死区的原因,这行代码会报错”x 未定义“。
8.应用
利用参数默认值,可以指定某一个参数不得省略,如果省略就抛出一个错误。

function throwifmissing() {
  throw new error('missing parameter');
}

function foo(mustbeprovided = throwifmissing()) {
  return mustbeprovided;
}

foo()
// error: missing parameter

上面代码的foo函数,如果调用的时候没有参数,就会调用默认值throwifmissing函数,从而抛出一个错误。

从上面代码还可以看到,参数mustbeprovided的默认值等于throwifmissing函数的运行结果(注意函数名throwifmissing之后有一对圆括号),这表明参数的默认值不是在定义时执行,而是在运行时执行。如果参数已经赋值,默认值中的函数就不会运行。
二、rest参数
转自ecmascript 6 入门