目录
何为函数
函数是由一连串的子程序(语句的集合)所组成的,可以被外部程序调用,向函数传递参数之后,函数可以返回一定的值。
通常情况下,JavaScript代码是自上而下执行的,不过函数体内部的代码则不是这样。如果只是对函数进行了声明,其中的代码并不会执行,只有在调用函数时才会执行函数体内部的代码。
这里要注意的是JavaScript中的函数也是一个对象,使用typeof检查一个函数对象时,会返回function。
- 函数也是一个对象。
- 函数中可以封装一些功能(代码),再需要的时候可以执行这些功能(代码)。
- 函数中可以保存一些代码再需要的时候调用。
创建函数的几种方式
-
使用 函数对象 来创建一个函数(几乎不用)
语法格式:
var 函数名 = new Function("执行语句");
-
使用 函数声明 来创建一个函数(比较常用)
语法格式:
function 函数名([形参1,形参2,...,形参N]) {
语句...
}
-
使用 函数表达式 来创建一个函数(比较常用)
语法格式:
var 函数名 = function(){
};
上述函数末尾需要加;号。因为他是一个函数表达式。
- 匿名函数
匿名函数:没有名字的函数就是匿名函数,它可以让一个变量来接收,也就是用 “函数表达式” 方式创建和接收。
function(){}
函数参数(无参和有参)
-
JS中的所有的参数传递都是按值传递的,也就是说把函数外部的值赋值给函数内部的参数,就和把值从一个变量赋值给另一个变量是一样的,在调用函数时,可以在()中指定实参(实际参数),实参将会赋值给函数中对应的形参
-
调用函数时,解析器不会检查实参的类型,所以要注意,是否有可能会接收到非法的参数,如果有可能,则需要对参数进行类型的检查,函数的实参可以是任意的数据类型
-
调用函数时,解析器也不会检查实参的数量,多余实参不会被赋值,如果实参的数量少于形参的数量,则没有对应实参的形参将是undefined
无参函数:没有参数
// 函数声明
var fun = function () {
console.log("哈哈,我执行啦!");
};
// 函数调用
fun();
有参函数:有参数
// 函数声明
var sum = function (num1, num2) {
var result = num1 + num2;
console.log("num1 + num2 = " + result);
}
// 函数调用
sum(10, 20);
形式参数和实际参数
在《Javascript权威指南》中这样定义:
参数有形参(parameter)和实参(argument)的区别,形参相当于函数中定义的变量,实参是在运行时的函数调用时传入的参数。
说明白就是,形参就是函数声明时的变量,实参是我们调用该函数时传入的具体参数。
例子:
声明函数add时,a,b就是形参。调用函数add(1,2) 1,2就是实参。
实参可以是任意的数据类型。
function add(a,b) {
return a + b
};
add(1,2);
fun和fun()的区别
fun:函数对象 相当于直接使用函数的对象
fun():调用函数 相当于使用的函数的返回值
函数的返回值
使用 return 来设置函数的返回值,return后的值将会作为函数的执行结果返回,可以定义一个变量,来接收该结果。
注意:在函数中return后的语句都不会执行,如果return语句后不跟任何值就相当于返回一个undefined,如果函数中不写return,则也会返回undefined,return后可以跟任意类型的值
演示:
function sum(num1, num2) {
return num1 + num2;
}
var result = sum(10, 20);
console.log(result);
返回值可以是任意的数据类型,也可以是对象。
嵌套函数
在函数中声明的函数就是嵌套函数,嵌套函数只能在当前函数中可以访问,在当前函数外无法访问。
function fu() {
function zi() {
console.log("我是儿子")
}
zi();
}
fu();
立即执行函数
函数定义完,立即被调用,这种函数叫做立即执行函数,立即执行函数往往只会执行一次。
(function () {
alert("我是一个匿名函数");
})();