函数对任何语言来说都算是一个核心的概念。通过函数可以封装任意多条语句,而且可以在任何地方、任何时候调用执行。那么到底什么是函数呢?
一段计算机程序代码,函数的出现主要是解决了程序代码共享问题,最初的计算机程序是顺序执行的,但是如果在多个程序中需要实现同一种计算,这时实现同样计算的代码就会出现多次,造成重复,而使用函数则不同,若把该计算规则封装在函数中,那么只需要在使用的地方调用该函数即可。函数是一个执行特定功能的可重用的代码块。我们要想在程序中执行它,只需要给它传递参数并调用它,那么该函数就会返回给我们它的执行结果。
函数的定义
函数名称只能包含字母、数字、下划线或$,且不能以数字开头。定义时可用函数定义表达式或者函数声明语句。
var f = function fact(x){}
函数定义表达式包含名称,名称将作为函数的局部变量,在函数内部使用,代指函数。
- 在JavaScript中,我们使用function关键字来定义函数,后面跟一组参数以及函数体。函数的基本语法如下:
function functionName(arg0, arg1, arg2 ... argn){
statements;
}
- 这个函数可以通过其函数名来调用,后面还有加上一对圆括号和参数(圆括号中的参数如果有多个,可以用逗号隔开)。调用sayHi()函数的代码如下所示:
sayHi('Mike', 'good morning'); // 'Hello Mike, good morning!'
- 这样函数的输出结果就是'Hello Mike, good morning!'。函数中定义的命名参数name和message被用作了字符串拼接的两个操作数,最终的结果通过警告框显示了出来。
以上例子是一个没有指定返回值的例子。在JavaScript中定义函数的时候,不必指定是否有返回值,但实际上,任何函数在任何时候都可以通过return语句否跟要返回的值来实现返回值。具有返回值的示例如下:
function add(num1, num2){
return num1 + num2;
}
这个add函数的作用是把两个参数求和并将该值返回。除了return语句外,没有任何声明表示该函数会返回一个值。这个函数的调用示例如下:
var result = add(3, 5);
alert(result); // 8
最终的结果将会弹出8。这里可以注意到,我们需要用一个变量(result)来接收add(3,5)返回的值,这是因为我们在add()函数内部将结果返回(return)了出来,如果不用变量接收,将无法对该结果进行操作。
函数执行
- 函数执行的几种方式,当作函数、方法、构造函数、间接调用。如果构造函数没有形参,可以省略实参列表和圆括号,调用函数传实参有间隔时,可用null或undefined占位符替代空白的参数。
function MyClass(name) {
this.name = name;
return name; // 构造函数的返回值?
}
var obj1 = new MyClass('foo');// MyClass对象
var obj2 = MyClass('foo');// ‘foo’
var obj3 = new MyClass({});// {}
var obj4 = MyClass({});// {}
函数的形参和实参
- 定义的函数括号内靠后面的形参没传入相应的实参,则默认值为undefined,有人利用这个,隐式定义函数内部的局部变量。函数传入参数的校验及抛出错误,函数中实参传入的是引用,函数内部对其操作,对外部是可见的。
// 函数传参引用
var oo = {
x: 1, y: 2, get z() {
return 3;
}
}
function fns(obj) {
obj.h = 4;
}
fns(oo);