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

一、return

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

return返回值;与return;

如下两个例子:

 function sum(num1, num2) {
num1= num1 + num2;
return num1;
} var result = sum(5, 10);
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); //
howManyArgs(); //
howManyArgs(12); //

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

     function doAdd() {
if(arguments.length == 1) {
alert(arguments[0] + 10);
} else if (arguments.length == 2) {
alert(arguments[0] + arguments[1]);
}
} doAdd(10); //
doAdd(30, 20); //

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

   function doAdd(num1, num2) {
if(arguments.length == 1) {
alert(num1 + 10);
} else if (arguments.length == 2) {
alert(arguments[0] + num2);
}
}
doAdd(10); //
doAdd(30, 20); //

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

 function doAdd(num1, num2) {
alert(arguments[0] + num2);
} doAdd(10, 20); //3
doAdd(30, 20); //
  function doAdd(num1, num2) {
arguments[1] = 10;
alert(arguments[0] + num2);
} doAdd(10, 20); //
doAdd(30, 20); //

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

arguments[1],也就相当于修改了num2,不过他们俩的内存空间是独立的,值同步。
没有传递值的命名参数将会被赋予undefined,比如:
         function doAdd(num1, num2) {
alert(num2);//undefined
} doAdd(10);
arguments还有一个属性:callee,它的作用是返回正在被执行的function
例如:
         function argumentsTest (a,b) {
alert(arguments.callee);//返回函数本身
}
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返回的是什么呢?
看个例子:
 function calleeLengthDemo(arg1, arg2) {
alert("arguments.length:" +arguments.length);//
alert("arguments.callee.length:" +arguments.callee.length);// }
calleeLengthDemo(1,2,3);

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

三、没有重载

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

例如:
  function addSomeNumber(num1){
return num1 + 100;
} function addSomeNumber(num2) {
return num2 + 200;
} var result = addSomeNumber(100); //
alert(result);
 function addSomeNumber(num1){
num1+=100;
return num1 + 100;
} function addSomeNumber(num2) {
return num2 + 200;
} var result = addSomeNumber(100); //
alert(result);
只要函数名一致(上述例子中的addSomeNumber),ECMAscript就会认为是同一个东西,那么后定义的就会覆盖先定义的。
对于ECMAscript函数来说,我自己本没有参数,你给我什么参数我就接受什么样的参数。
 

从头开始学JavaScript (七)——函数的更多相关文章

  1. 从头开始学JavaScript (十二)——Array类型

    原文:从头开始学JavaScript (十二)--Array类型 一.数组的创建 注:ECMAscript数组的每一项都可以保存任何类型的数据 1.1Array构造函数 var colors = ne ...

  2. 从头开始学JavaScript (十一)——Object类型

    原文:从头开始学JavaScript (十一)--Object类型 一.object类型 一个object就是一系列属性的集合,一个属性包含一个名字(属性名)和一个值(属性值). object对于在应 ...

  3. 从头开始学JavaScript (十)——垃圾收集

    原文:从头开始学JavaScript (十)--垃圾收集 一.垃圾收集 1.1javascript垃圾收集机制: 自动垃圾收集,执行环境会负责管理代码执行过程中的使用的内存.而在C和C++之类的语言中 ...

  4. 从头开始学JavaScript (九)——执行环境和作用域

    原文:从头开始学JavaScript (九)--执行环境和作用域 一.执行环境:定义了变量或者函数有权访问的其他数据,决定了它们各自的行为.每个执行环境都有与之关联的变量对象. 变量对象:保存着环境中 ...

  5. 从头开始学JavaScript (八)——变量

    原文:从头开始学JavaScript (八)--变量 一.变量分类: 基本类型值:null.undefined.number.string.Boolean: 引用类型值:保存在内存中的对象,如:Obj ...

  6. 从头开始学JavaScript (六)——语句

    原文:从头开始学JavaScript (六)--语句 一.条件分支语句:if 基本格式: if (<表达式1>){    <语句组1>}else if (<表达式2> ...

  7. 从头开始学JavaScript (五)——操作符(二)

    原文:从头开始学JavaScript (五)--操作符(二) 一.乘性操作符 1.乘法:*      乘法操作符的一些特殊规则: 如果操作数都是数值,按照常规的乘法计算,如果乘积超过了ECMAscri ...

  8. 从头开始学JavaScript (四)——操作符

    原文:从头开始学JavaScript (四)--操作符 一.一元操作符 1.自增自减操作符:分为前置型和后置型: 前置型:++a;--a; 后置型:a++;a--; 例: <script typ ...

  9. 从头开始学JavaScript (二)——变量及其作用域

    原文:从头开始学JavaScript (二)--变量及其作用域 一.变量 ECMAscript变量是松散型变量,所谓松散型变量,就是变量名称可以保存任何类型的数据,每个变量仅仅是一个用于保存值的占位符 ...

随机推荐

  1. 我见过最好的vsftpd配置教程(转)

    环境:CentOS 5.0 操作系统一.安装:1.安装Vsftpd服务相关部件:[root@KcentOS5 ~]# yum install vsftpd*Dependencies Resolved= ...

  2. SSh框架结构(Struts2.1+Hibernate4.0+Spring3.1)

    一个.使用的工具 开发工具:My Eclipse 10.7以及对应的java开发工具 框架版本号:Struts2.1+Hibernate3+Spring3.0 数据库:MySql5.5 Mysql可视 ...

  3. NET开发者部署React-Native

    NET开发者部署React-Native 前情摘要 众所周知,有人说.net可以用Xamrian,呵呵,不习惯收费的好么?搞.Net的人设置一次java的环境变量,可能都觉得实在太麻烦了,可能是因为这 ...

  4. YT新人之巅峰大决战04

    Problem Description Eddy's interest is very extensive, recently he is interested in prime number. Ed ...

  5. iphone内容开发技术学习

    一.iOS基础 1 开发环境搭建以及IOS组件.框架的概要介绍. 2 mac操作系统与iOS操作系统 3 xcode IDE开发环境的初始 二.C语言基础 1数据类型.表达式与控制流程语句 2数组.函 ...

  6. ServletWeb缓存解决问题

    (1)为什么我们要防止这个问题的浏览器页面缓存: 所以在不须要缓存的页面中须要实现不缓存页面. 代码例如以下: package com.lc.HttpTest; import java.io.IOEx ...

  7. robot framework 使用三:他们主动浏览器的兼容性

    robot framework 浏览器兼容性测试 上图中黄色圈的地方默认什么都不写,是firefox浏览器.写上ie就是ie浏览器了 firefox最新版本号即可,ie须要设置: 1. IE选项设置的 ...

  8. Leetcode 实施细节 Rotate Image

    本文senlie原版的,转载请保留此地址:http://blog.csdn.net/zhengsenlie Rotate Image Total Accepted: 15609 Total Submi ...

  9. C++指针和引用简介

    摘要 本文介绍C++指针和概念引用 这是一个指针 指针的类型 指针所指向的类型 指针表达式 指针与函数 什么是引用 指针引用差别 指针和引用的同样点和不同点 **什么是指针** 指针就是一个存放地址的 ...

  10. Android学习路径(十)怎么会Action Bar堆放在布局

    默认情况下.action bar出如今activity窗体的顶部.稍微降低了activity布局的总空间. 假设你想隐藏或者显示action bar.在这堂用户体验的课程中,你能够通过调用hide() ...