作者：尹正杰
版权声明：原创作品，谢绝转载！否则将追究法律责任。
一.JavaScript源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS的三种函数定义方式</title>
</head>
<script type="text/javascript">
/**
* 函数(function)的特点:
* (1)函数也是一个对象，函数可以封装一些功能(代码)，在需要时可以执行这些功能(代码)。
* (2)使用函数可以提高代码的复用性;
* (3)可以降低维护成本(假设你在一个项目中有10个文件中使用的相同的代码，使用函数的话仅对该函数维护即可);
*/
/**
* 下面使用的是构造函数来创建一个函数对象，我们可以将要执行的代码以字符串的形式封装在函数的构造方法中。
* 遗憾的是，我们在生产环境中，很少使用这种方式来构造函数，而是使用函数声明的方式来定义函数。
*/
var add = new Function("console.log('Hello World!');");
console.log(add);
console.log(typeof add); // 使用typeof检查一个函数对象时，会返回"function"
add(); //封装在函数中的代码不会立即执行，函数的代码会在调用的时候执行(所谓的调用就是在函数名后面加上小括号即可)。
/**
* 使用函数表达式来创建一个函数,语法格式为:
* var 函数名 = function([形参1,形参2,...形参N]){
* 代码块...
* }
*/
var add2 = function () {
console.log("In add2")
}
console.log(add2);
add2(); //调用函数
/**
* 使用函数声明来创建一个函数对象，语法格式为:
* function 函数名称([形参1,形参2,...形参N]){
* 代码块...
* }
*/
function add3() {
console.log("In add3 ...");
document.write("In add3 ...");
// alert("In add2 ...");
}
console.log(add3);
add3(); //调用函数
</script>
<body>
</body>
</html>
二.浏览器打开以上代码渲染结果
