原生js底层基础(四)函数、arguments
程序员文章站
2022-06-30 19:17:58
...
写这个系列为了全面积累巩固自己的js基础,包括一些基础的和稍微冷门、深入的,还有一些面试题,如果你也认为基础知识很重要,快来一起交流学习啦~ ^ - ^
1.函数表达式
1)命名函数表达式
var test = function abc(){
}
执行函数时,test()才有效, abc()无效,因此这个function右边的abc没有什么实际意义
2)匿名函数表达式(常用、推荐)
var test = function(){
}
3)两者的区别
var test = function abc(){
}
test.name //abc
var test = function(){
}
test.name //test
2.arguments
1)概念
实参都会被系统放进一个名为arguments的数组里面,同样地:
- 每一个实参都可以如普通的数组值一样用索引获取
- 形参长度可以 函数名.length查到
- 函数 的形参和实参可以完全不相同
- 例如,实参穿了三个,但是形参列表只写一个,则只接受arguments数组索引为0的内容
function sum(a){
//arguments --[11,2,3] 实参列表
}
sum(11,2,3); --实参
2)应用
可以利用arguments.Length查找长度,遍历实参数组等
例如:
当我们想把给定的实参相加,但不确定用户要给定的数有几个时,可以这样:
function sum(a){
//arguments --[11,2,37,8,9,44,...] 实参列表
var result = 0;
for(var i = 0; i<arguments.length; i++ ){
result+=arguments[i];
}
console.log(result);
}
sum(11,2,32,37,8,9,44); //实参
3)auguments和形参的映射关系
虽然实参数组里的值和形参不是同一个变量,但是因为他门有映射关系,所以改变arguments数组里的值,对应的形参的值也会变。
但是要注意的是实参如果没有给出,改形参的值无效
function sum(a,b){
a = 1; //arguments[0]变成1
b = 2; //arguments[1]的值无,变成undefined
console.log(arguments[0]); //1
console.log(arguments[1]); //undefined
}
sum(3)
推荐阅读