JS红宝书-- 3.7 函数

  • 基本语法
    使用function关键字声明,后跟一组参数以及函数体
function sayHi(name,message){
  alert("Hello " + name + "," + message);
}

// 通过函数名调用,后面接一对圆括号和参数
sayHi("fanison","你今天学习了吗?")

使用return语句实现返回值,执行完后立即退出

function sum(num1,num2){
  return num1 + num2;
  alert("Hello world");   //return 之后的代码永远不会执行
}
var result = sum(5,10)

// 一个函数可包含多个return
function diff(num1,num2){
  if(num1 < num2){
    return num2 - num1;
  }else{
    return num1 - num2;
  }
}

return可以不带返回值,函数在停止执行后将返回 undefined。主要用于需要提前停止函数执行而又不需要返回值的情况。

理解参数

函数在内部用数组来表示,在函数体内通过 arguments对象来访问参数数组,从而获取参数。
arguments对象长度由传入的参数个数决定,没有传递值的命名参数将自动被赋予 undefined

function sayHi(){
  alert("Hello " + arguments[0] + ", " + arguments[1])
}
sayHi("fanison","你今天学习了吗?")
  • 通过arguments 对象length获取参数个数
function howManyArgs(){
  alert(arguments.length);
}

howManyArgs("fansion","add oil")
  • arguments对象可与命名参数一起使用
function doAdd(num1,num2){
  if(arguments.length == 1){
    alert(num1 + 10);
  }else if(arguments.length == 2){
    alert(arguments[0] + num2);
  }
}

没有重载

ES中没有函数签名概念,函数不能重载。因为其函数参数是以一个包含零或者多个值的数组的形式传递的

// 定义两个名字相同的函数,则该名字只属于后定义的函数
function addSomeNumber(num){
  return num + 100;
}
function addSomeNumber(num){
  return num + 200;
}
var result = addSomeNumber(100);    //300
  • 模仿重载:检查传入函数中参数的类型和数量并作出不同的反应
function doAdd(){
  if(arguments.length == 1){
    alert(arguments[0] + 10);
  }else if(arguments.length ==2 ){
    alert(arguments[0] + arguments[1]);
  }
}
doAdd(10);    // 20
doAdd(10,20); //30

你可能感兴趣的:(JS红宝书-- 3.7 函数)