函数是先定义再调用
1、 函数 Function 的定义:
JavaScript 函数是被设计为执行特定任务的代码块。
函数是干嘛的?
函数是在我们写代码的时候很多代码是重复的我们就需要定义一个函数来进行封装和调用
封装函数:
把相同的代码写入函数里边,需要执行时再调用函数即可
优点:
使用方便可简化代码
2、JavaScript 函数语法
JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。
function name() {
要执行的代码
}
3、函数调用
如果没有定义好函数去调用的话会报错,报错未定义
函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。
第一种情况: 在
<script></script>
标签内调用。
第二种情况:在 HTML 文件中调用,如通过点击按钮后调用定义好的函数。
4、有参数的函数
function 函数名(参数 1,参数 2){
函数代码;
}
注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。
function add2(x,y){
sum = x + y;
document.write(sum);
}
add2(3,34);//函数调用
5、返回值的函数
function add2(x,y) {
sum = x + y;
return sum; //返回函数值,return 后面的值叫做返回值。
}
var result=add2(44,67);
注意:函数中参数和返回值不只是数字,还可以是字符串等其它类型。
函数 function
- 函数也是一个对象
- 函数中可以封装一些功能(代码),在需要的使用可以执行这些功能(代码)
- 函数中可以保存一些代码在需要的时候调用
- 使用 typeof 检查一个函数对象时,会返回 function
1.使用构造函数创建一个函数对象
(1)以将要封装的代码以字符串的形式传递给构造函数
var fun1=new Function("console.log('这是通过构造函数创建的函数')");
console.log(typeof fun1);
封装到函数中的代码不会即可执行
函数中的代码会在函数调用的时候执行
调用函数:语法 函数对象();
当调用函数时,函数中封装的代码会按照顺序执行 fun1();
2. 使用函数声明来创建一个函数(建议使用方式)
(2) 语法:
function 函数名([形参 1,形参 2,...,形参 N]){
//语句
}
说明:[形参 1,形参 2,…,形参 N]这里的[]表示可以使用参数也可以不使用参数
函数的调用:函数名([实参 1,实参 2,…]);
3.使用函数表达式创建一个函数/匿名函数
(3) 匿名函数
匿名函数因为没有函数名所以没有实际存在的意义
function(){
}
使用函数表达式创建一个函数
var fun3= function(){
alert("这是一个匿名函数")
};
fun3();
JavaScript 函数的返回值
创建一个函数,用来计算三个数的和
可以通过 return 来返回函数的返回值
语法:return 值;
return 后面值将会作为函数的执行结果返回,可以定义一个变量来接收函数的返回值
在函数 return 后的语句都不会执行
如果 return 语句后不跟任何值,就相当于返回一个 undefined
立即执行函数 函数定义完,立即被调用,这种函数叫做立即执行函数
立即执行函数往往只会执行一次
*/
(function(){
alert("这是一个立即执行函数");
})();