函数参数

概述

函数运行的时候，有时需要提供外部数据，不同的外部数据会得到不同的结果，这种外部数据就叫参数

xxxxxxxxxx
function square(x) {
    console.log(x * x);
}

square(2) // 4
square(3) // 9

参数的省略

函数参数不是必需的，Javascript 允许省略参数

xxxxxxxxxx
function add(a, b) {
  console.log(a);
}

add(1, 2, 3) // 1
add(1) // 1
add() // undefined

add.length // 2

传递方式

函数参数如果是原始类型的值（数值、字符串、布尔值），传递方式是传值传递（passes by value）。这意味着，在函数体内修改参数值，不会影响到函数外部

xxxxxxxxxx
var p = 2;

function fn(p) {
  p = 3;
}
fn(p);

p // 2

同名参数

如果有同名的参数，则取最后出现的那个值

xxxxxxxxxx
function add(a, a) {
  console.log(a);
}

add(1, 2) // 2

arguments 对象

由于 JavaScript 允许函数有不定数目的参数，所以需要一种机制，可以在函数体内部读取所有参数。这就是arguments对象的由来

xxxxxxxxxx
var list = function (one) {
  console.log(arguments[0]);
  console.log(arguments[1]);
  console.log(arguments[2]);
}

list(1, 2, 3)

arguments 与数组的关系

需要注意的是，虽然arguments很像数组，但它是一个对象。数组专有的方法（比如slice和forEach），不能在arguments对象上直接使用。

如果要让arguments对象使用数组方法，真正的解决方法是将arguments转为真正的数组

xxxxxxxxxx
var args = [];
for (var i = 0; i < arguments.length; i++) {
  args.push(arguments[i]);
}

实时效果反馈

1. 下列代码执行结果是：

xxxxxxxxxx
function add(a, a, b) {
    console.log(a + b);
}

add(10,20,30) 

A 30

B 40

C 50

D 60

答案

1=>C