avaScript 函数(笔记)

　　JavaScript 是函数式编程语言，在JavaScript脚本中可以随处看到函数，函数构成了JavaScript源代码的主体。

一、定义函数

定义函数的方法有两种：

使用function语句声明函数。
通过Function对象来构造函数。

使用function来定义函数有两种方式：

//方式1: 命名函数

function f(){

	//函数体

}

//方式2: 匿名函数

var f = function(){

	//函数体

}

　　命名函数的方法也被称为声明式函数，而匿名函数的方法也被称为引用式函数或者函数表达式，即把函数看做一个复杂的表达式，并把表达式赋予给变量。

　　使用Function对象构造函数的语法如下:

var function_name = new Function(arg1, arg2, arg3,) ……，argN, function_body)

　　在上面语法形式中，每个arg都是一个函数参数，最后一个参数是函数主体(要执行的代码)。Function()的所有参数必须是字符串。

【示例1】在以下示例中，通过Funnction构造函数定义了一个自定义函数，该函数包含两个参数，在函数主体部分使用 document.write() 方法把两个参数包裹在 <h1> 标签中输出，显示效果如下所示：

<html>

	<head>

		<meta charset="utf-8">

		<title>JavaScript 定义函数</title>

		<script type="text/javascript" src="test.js"></script>

	</head>

<body>

</body>

</html>

var say = new Function("name", "say", "document.write('<h1>' + name + ':' + say + '</h1>');");

say("张三","Hi!");

【示例2】在实际开发中，使用function定义函数要比Function构造函数方便，且执行效率更高。Function仅用于特定的动态环境中，一般不建议使用。

var say = function(name, say){		//定义函数

	document.write('<h1>' + name + ':' + say + '</h1>');

}

say("张三","Hi!");	//调用函数

【效果】

二、调用函数

　　调用函数使用小括号运算符来实现。在括号运算符内部可以包含多个参数列表，参数之间通过逗号进行分隔。

【示例】 在以下示例中使用小括号调用函数f，并把返回值传递给document.write()方法。

function f(){

	return "Hello, World!";	//设置函数返回值

}

document.write(f());		//设置函数，并输出返回值

【提示】

一个函数可以包含多个return语句，但是在调用函数时只有第一个return语句被执，且被return语句后面的表达式的值作为函数的返回值被返回，return语句后面的代码将被忽略掉。

三、函数参数

参数可以分为两种：形参和实参。

形参：就是在定义函数时，传递给函数的参数，被称为形参，即形式上参数。

实参：就是当函数被调用时，传给函数的参数，这些参数被称为实参。

【示例1】在以下示例函数中，参数a和b就是形参，而调用函数中的23和34就是实参。

function add(a,b){	//形参a和b

	return a+b;

}

alert(add(23,24));	//实参23和24

【效果1】

函数的形参没有限制，可以包括零个或多个。函数形参的数量可以通过函数的length属性获取。

【示例2】针对上面函数可以使用以下语句读取函数的形参个数。

function add(a,b){ //形参a和b

	return a+b;

}

alert(add.length)	//返回2，形参的个数

【效果2】

巴特西

JavaScript基础——JavaScript函数(笔记)

avaScript 函数(笔记)

一、定义函数

二、调用函数

三、函数参数

最新文章

热门文章