抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

函数的介绍

函数:就是将一些功能或语句进行封装,在需要的时候,通过调用的形式,执行这些语句。

  • 函数也是一个对象

  • 使用typeof检查一个函数对象时,会返回function

函数的作用

  • 将大量重复的语句写在函数里,以后需要这些语句的时候,可以直接调用函数,避免重复劳动。

  • 简化编程,让编程模块化。

来看个例子:

1
2
3
4
5
6
7
8
console.log("你好");
sayHello(); // 调用函数

// 定义函数
function sayHello(){
console.log("欢迎");
console.log("welcome");
}

函数的定义和调用

第一步:函数的定义

方式一:使用函数声明来创建一个函数。语法:

1
2
3
function 函数名([形参1,形参2...形参N]){  // 备注:语法中的中括号,表示“可选”
语句...
}

举例:

1
2
3
function sum(a, b){
return a+b;
}

解释如下:

  • function:是一个关键字。中文是“函数”、“功能”。

  • 函数名字:命名规定和变量的命名规定一样。只能是字母、数字、下划线、美元符号,不能以数字开头。

  • 参数:可选。

  • 大括号里面,是这个函数的语句。

PS:在有些编辑器中,方法写完之后,我们在方法的前面输入/**,然后回车,会发现,注释的格式会自动补齐。

方式二:使用函数表达式来创建一个函数。语法:

1
2
3
var 函数名  = function([形参1,形参2...形参N]){
语句....
}

举例:

1
2
3
var fun3 = function() {
console.log("我是匿名函数中封装的代码");
};

从方式二的举例中可以看出:所谓的“函数表达式”,其实就是将匿名函数赋值给一个变量。

当然,我们还有方式三:使用构造函数来创建一个对象。这种方式,用的少。

第二步:函数的调用

函数调用的语法:

1
函数名字();

函数的参数:形参和实参

函数的参数包括形参和实参。来看下面的图就懂了: