js函数

函数

  • 函数也是一个对象
  • 函数中可以封装一些功能(代码),在需要时可以执行这些
    功能(代码)
  • 函数可以保存一些代码在需要时调用
  • 使用typeof检查一个函数对象时会返回function
  • 封装到函数中的代码不会立即执行
  • 函数中的代码会在函数调用的时候执行
  • 调用函数语法:函数对象();
  • 当调用函数时,函数中的代码会按照顺序执行
  • 在实际开发中很少使用构造函数来创建函数对象
  • 使用构造函数创建函数
    语法:var 函数名 = new Function(){
    语句…
    }

    例如:
    在这里插入图片描述
  • 使用函数声明创建函数
    语法:function 函数名([形参1,形参2…]){
    语句…
    }

    例如:
    js函数_第1张图片
  • 使用函数表达式创建函数
    语法:var 函数名 = function([形参1,形参2…]){
    语句…
    }

    例如:
    js函数_第2张图片

函数的参数

  • 可以在函数的()中指定一个或多个形参(形式参数)
    多个形参之间使用逗号隔开,声明形参就相当于在函数内部声明了对应的变量,但是并不赋值

    js函数_第3张图片

  • 在调用函数时,可以在()中指定实参(实际参数)

  • 实参将会赋值给函数中对应的形参

js函数_第4张图片

  • 调用函数时浏览器不会检查实参的类型
    所以要注意,是否有可能接收到非法参数
    如果有需要则需要对参数进行类型检查
  • 调用函数时浏览器也不会检查实参的数量
    多余的实参不会被赋值
  • 如果实参的数量少于形参的数量,则没有对应的实参的形参将是undefined
    例如上图中:sum(123)
    只给a赋值了,没给b赋值,b就是undefined,所以a+b= NaN就返回NaN
  • 函数的实参可以是任意的数据类型
  • 实参可以是一个对象,也可以是一个函数

js函数_第5张图片

函数返回值

可以使用return来设置函数的返回值
语法:return 值

  • return后的值将会作为函数执行结果返回
  • 在函数中return后的语句都不会执行
  • 如果return后没有跟任何值,则返回undefined
    如果函数中不写return也会返回undefined
  • return后可以是任意类型的值

js函数_第6张图片
定义一个函数,判断一个数是否是偶数,如果是偶数则返回true,不是则返回false
方式一:
js函数_第7张图片
方式二:
js函数_第8张图片
定义一个函数,根据圆的半径求圆的面积并将结果返回
js函数_第9张图片

你可能感兴趣的:(javascript)