文章目录
前言
写本《JavaScript简餐》系列文章的目的是记录在阅读学习《JavaScript高级程序设计（第4版）》一书时出现的各个知识点。虽是对读书的笔记和总结，但是希望它轻量、简洁、犀利，不会引起阅读疲劳，可以在碎片化时间和闲暇之余轻巧地沐浴一下知识点。每篇文章只针对一个小部分进行讲解式的梳理，来达到个人复习总结和分享知识的目的。
一、理解参数
JavaScript中的参数和大多数其他语言都不太一样。函数既不关心传入的参数个数，也不关心这些参数的数据类型。比如你定义函数时要接收一个参数，这并不意味者调用时就得传一个参数。你传一个、两个、三个参数都可以，是不会报错的。之所以会这样，主要是因为ECMAScript函数的参数在内部表现为一个数组。函数被调用时总会接收一个数组，但函数并不关心这个数组中包含什么。如果数组中什么也没有或者数组元素数量超出了函数所要求的参数个数，这都没有问题。当我们在使用function关键字定义函数时，可以在函数内部访问arguments对象，从中取得传进来的每个参数值。 arguments对象是一个类数组对象（但不是Array的实例），因此可以使用中括号语法访问其中的元素。比如第一个参数就是arguments[0]，第二个参数就是arguments[1]。而要确定传进来多少个参数可以访问arguments.length属性。话不多说，直接上代码：function add(x, y) {
console.log(`一共传进来${arguments.length}个参数哦。`); // 一共传进来2个参数哦。
return arguments[0] + arguments[1];
}
console.log(add(2, 3)); // 5
function sub() {
return arguments[0] - arguments[1];
}
console.log(sub(5, 3)); // 2
function add(x, y) {
console.log(`y是${y}~`); // y是2~
arguments[1] = 10;
console.log(`y现在是${y}！`); // y现在是10！
return x + y;
}
console.log(add(3, 2)); // 13
function add(x, y = 1) {
console.log(`y是${y}~`); // y是1~
arguments[1] = 10;
console.log(`y现在是${y}！`); // y现在是1！
return x + y;
}
console.log(add(3)); // 4
function add(x, y) {
console.log(y); // undefined
console.log(arguments[1]); // undefined
}
add(3);
<script>
"use strict"; // 严格模式
function add(x, y) {
console.log(`y是${y}~`); // y是2~
arguments[1] = 10;
console.log(`y现在是${y}！`); // y现在是2！
return x + y;
}
console.log(add(3, 2)); // 5
</script>
<script>
"use strict"; // 严格模式
function add(x, y) {
console.log(`y是${y}~`);
arguments = {}; // Uncaught SyntaxError: Unexpected eval or arguments in strict mode
console.log(`y现在是${y}！`);
return x + y;
}
console.log(add(3, 2));
</script>
二、箭头函数中的参数
如果函数是使用箭头语法定义的，那么传给函数的参数将不能使用arguments关键字访问，而只能通过定义的形式参数访问：function add(x, y) {
console.log(arguments); // [1, 2]
return x + y;
}
const sub = (x, y) => {
console.log(arguments); // Uncaught ReferenceError: arguments is not defined
return x - y;
};
add(1, 2);
sub(5, 3);
function subFunction(x, y) {
const sub = () => {
console.log(arguments); // [5, 3]
return arguments[0] - arguments[1];
};
return sub();
}
console.log(subFunction(5, 3)); // 2
//有点脱裤子放屁的意思呢，哈哈哈。