第三章 基本概念(四) 函数

函数可以封装任意多条语句。可以在任何地方。任何时候调用执行。JS里面使用function关键字来声明,后跟一组参数以及函数体。语法

function functionName(arg0,arg1,....argN)
{
   statements;
}

下面是一个函数实例:

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

这个函数可以通过函数名来调用,后面还要加上一对圆括号和参数(圆括号里面的参数要是有多个,可以用逗号隔开)调用sayHi()来运行

sayHi("Peter","How are you");

刚才那个函数的输出结果就是Hello Peter How are you today
函数中定义的命名参数name和message被用作了字符串拼接的两个操作数。而结果显示了出来.
任何函数在任何时候都可以通过return语句后跟要返回的值来实现返回值
请看下面的例子:

function sum(num1,num2)
{
 return num1 + num2;
}

这个sum()函数的作用就是把两个值加起来返回一个结果。
var result = sum(5,10);
这个函数执行完return语句后停止并立即退出。因此位于renturn后面的语句永远不会执行

function sum(num1,num2)
{
 return num1+num2;
window.alert("Hello,world!");    //永远不会执行
}

在这个例子中由于alert()函数语句位于return语句之后,因此永远不会执行,当然一个函数中也可以包含多个return语句,例如:

function diff(num1,num2)
{
 if(num1>num2)
{
  return num2-num1;
}else
{
    return num1-num2;
}
}

在这个例子中diff()函数用于计算两个数值的差。
另外return语句也可以不带任何的返回值,在这种情况下。函数停止执行后返回undefined值。这种用法需要提前停止又不需要返回值得情况.

function sayHi(name,message)
{
   return ;
   window.alert(name+message);
}

理解参数

在JS中不介意传递进来多少个参数,也不在乎传进来的参数是什么类型。也就是说我们可以利用arguments对象来访问所有的参数
其实aruguments对象只是与数组类似(它并不是Array的实例。)因此可以使用方括号的语法访问它的每个元素。(即第一个元素arguments[0],第二个元素arguments[1]),使用length来确定传递了多少个参数。
例如:

function sayHi(name,message)
{
      window.alert("hello"+arguments[0]+arguments[1])
}

这样也能访问到第一个参数和第二个参数
通过访问arguments对象的length属性可以知道有多少个参数传递给函数。这样每次被调用时,输出传入的其中的参数个数.

function how(){
   window.alert(arguments.length);
}
how("string",345);   // 2
how();  // 0
how(12);  //1
特别注意一点就是arguments可以与命名参数一起使用。如
function doadd(num1,num2)
{
  if(arguments.length ==1)
 {
  alert(num1+10);
  }else if(arguments.length==2)
{
  window.alert(arguments[0]+num2);
}
}

关于arguments的行为。那就是他的值永远与对应命名参数保持同步。
function doadd(num1,num2)
{
     arguments[1] = 10 ;
   window.alert(arguments[0]+num2);
}
每次执行这个doadd函数都会重写第二个参数,将第二个参数改变为10,因此arguments[1]的里面值也会被修改,相当于修改了num2,结果他们的值都会变成10

没有重载

JS里面没有重载。例如:

function addSomeNumber(num)
{
return num +100;
}
function addSomeNumber(num)
{
  return num+200;
}
var result = addSomeNumber(100);   // 300

在此,函数addSomeNumber()被定义了两次。第一个版本给参数加100,而第二个版本给参数加200,由于后定义的函数覆盖了定义的函数。所以最后返回的结果就是300

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容