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

原生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)