从头开始学JavaScript (七)——函数

简介: 原文:从头开始学JavaScript (七)——函数 一、return 函数在执行完return之后停止并立即退出。 return返回值;与return; 如下两个例子: 1 function sum(num1, num2) { 2 num1= num1 +...
原文: 从头开始学JavaScript (七)——函数

一、return

函数在执行完return之后停止并立即退出。

return返回值;与return;

如下两个例子:

1 function sum(num1, num2) {
2             num1= num1 + num2;
3             return num1;
4         }
5 
6         var result = sum(5, 10);
7         alert(result);//15
 function sum(num1, num2) {
            num1= num1 + num2;
            return;
        }

        var result = sum(5, 10);
        alert(result);//undefined;

直接return而不带任何参数的情况一般用于需要提前停止函数执行而又不需要返回值的情况。

如下:

 function counter() {
            for (var count = 1; ; count++) {
                console.log(count + "A");
                if (count === 5) {
                    return;
                }
                console.log(count + "B");
            }
            console.log(count + "C");  
        }

        counter();

二、参数

ECMAscript函数参数的特点;

  • 不介意传递进来多少个参数
  • 不介意传递进来的参数的数据类型

之所以有上述两个特点,是因为ECMAscript参数在内部是用一个数组表示的。函数接收到的始终是这个数组,而不关心数组中包含哪些参数,或者是否有参数。

实际上,在函数体内可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数。

例如:

function sayHi(name, message) {
            alert("Hello " + name + ", " + message);    
        }

        sayHi("杨小漾", "how are you today?");

也可以写成:

function sayHi() {
            alert("Hello " + arguments[0]+ ", " + arguments[1]);    
        }

        sayHi("Nicholas", "how are you today?");

因此,在javascript里面,给参数命名只是提供便利,并不是必需的。

使用arguments.length可以获知有多少个参数传递给了函数,例如:

function howManyArgs() {
            alert(arguments.length);
        }
        
        howManyArgs("string", 45);    //2
        howManyArgs();                //0
        howManyArgs(12);              //1

利用这一点,可以让函数接受任意个参数并分别实现相应的功能:

 1     function doAdd() {
 2             if(arguments.length == 1) {
 3                 alert(arguments[0] + 10);
 4             } else if (arguments.length == 2) {
 5                 alert(arguments[0] + arguments[1]);
 6             }
 7         }
 8         
 9         doAdd(10);        //20
10         doAdd(30, 20);    //50

arguments还可以和命名过的参数一起用:

1   function doAdd(num1, num2) {
2             if(arguments.length == 1) {
3                 alert(num1 + 10);
4             } else if (arguments.length == 2) {
5                 alert(arguments[0] + num2);
6             }
7   }       
8         doAdd(10);        //20
9         doAdd(30, 20);    //50

arguments的值永远与对应命名参数的值保持同步:

1 function doAdd(num1, num2) {
2             alert(arguments[0] + num2);
3         }
4 
5         doAdd(10, 20);        //30
6         doAdd(30, 20);    //50
1  function doAdd(num1, num2) {
2                 arguments[1] = 10;
3             alert(arguments[0] + num2);
4         }
5 
6         doAdd(10, 20);        //20
7         doAdd(30, 20);    //40

每次执行doAdd这个函数,都会将第二个参数重写(上述例子中是将第二个参数重新赋值为10)。这是因为,arguments对象中的值会自动反映到对应的命名参数,所以修改

arguments[1],也就相当于修改了num2,不过他们俩的内存空间是独立的,值同步。
没有传递值的命名参数将会被赋予undefined,比如:
1         function doAdd(num1, num2) {
2             alert(num2);//undefined
3         }
4 
5         doAdd(10);        
arguments还有一个属性:callee,它的作用是返回正在被执行的function
例如:
1         function argumentsTest (a,b) {
2             alert(arguments.callee);//返回函数本身
3         }
4         argumentsTest(1,2,3,4);

在使用函数递归调用时推荐使用arguments.callee代替函数名本身。

例如:

 function count(a){
                 if(a==1){
                         return 1;
                     }
                 return a + arguments.callee(--a);
             }

         var mm = count(2);
         alert(mm);
arguments.length返回的是传递给函数的参数个数,也叫实参;而arguments.callee.length返回的是什么呢?
看个例子:
1 function calleeLengthDemo(arg1, arg2) {
2                 alert("arguments.length:" +arguments.length);//3
3                 alert("arguments.callee.length:" +arguments.callee.length);//2
4 
5         }
6         calleeLengthDemo(1,2,3);
 

由此可以看出arguments.callee.length返回的是函数定义的参数,即形参。

三、没有重载

ECMAscript函数不能实现重载,不能够定义同样的函数然后通过编译器去根据不同的参数执行不同的函数。

例如:
 1  function addSomeNumber(num1){
 2             return num1 + 100;
 3         }
 4         
 5         function addSomeNumber(num2) {
 6             return num2 + 200;
 7         }
 8         
 9         var result = addSomeNumber(100);    //300
10         alert(result);
 1 function addSomeNumber(num1){
 2             num1+=100;
 3             return num1 + 100;
 4         }
 5         
 6         function addSomeNumber(num2) {
 7             return num2 + 200;
 8         }
 9         
10         var result = addSomeNumber(100);    //300
11         alert(result);
只要函数名一致(上述例子中的addSomeNumber),ECMAscript就会认为是同一个东西,那么后定义的就会覆盖先定义的。
对于ECMAscript函数来说,我自己本没有参数,你给我什么参数我就接受什么样的参数。
 
目录
相关文章
|
3天前
|
JavaScript 前端开发
js的一些内置函数
js的一些内置函数
7 1
|
3天前
|
JavaScript 前端开发 索引
js的includes函数
js的includes函数
9 1
|
3天前
|
JavaScript 安全 前端开发
js的map函数
js的map函数
7 0
|
3天前
|
JavaScript 前端开发
js的filter函数
js的filter函数
7 1
|
3天前
|
JavaScript 前端开发
js的函数
js的函数
5 0
|
3天前
|
JavaScript 前端开发
js的join函数
js的join函数
6 1
|
3天前
|
JavaScript 前端开发
js的check函数
js的check函数
8 1
|
3天前
|
JavaScript 前端开发 索引
js的some函数
js的some函数
7 1
|
3天前
|
开发框架 JavaScript .NET
Js字符串操作函数大全
Js字符串操作函数大全
8 1
|
6天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?