什么是函数?
在JS中,函数用关键字Function
表示:
JavaScript 函数是被设计为执行特定任务的代码块。
JavaScript 函数会在某代码调用它时被执行。
有时候使用js来完成某些特定的操作可能需要成百上千行的代码量,我们使用函数可以更加便捷的修改或者重复这些代码块:
- 函数其实就是用来封装一些代码块,当我们调用函数的时候,就能同时调用这一部分的所有代码,已达到执行某一功能的目的
- 可以简化代码,便于维护且可以灵活应用
- 函数是可重复使用的代码块
函数的语法:
实例:
function myfun ([型参1,型参2]){
return 型参1 * 型参2 ;
}
首先是通过关键字function定义函数体,其后是函数名和括号(),最后的花括号{}.
1、 定义一个函数,function是必不可缺的,注意: JS对大小写敏感
2、 函数名可包括字母、数字、下划线和美元符号$,但要注意,不可以数字开头,其规则与变量的命名规则一致
注意: 函数名在大部分情况下是必须的,它就像是一个变量一样是用来调用函数的,只有匿名函数和立即执行函数没有函数名。
3、 跟在变量名后的括号()用来向函数内传入参数,注意,在文档中[]表示可选的,即参数可传可不传,如果传参,首先需要定义型参,
型参: 相当于这个函数的局部变量,在定义型参后如果没有传入实参,它是undefined,
实参: 相当于赋值给变量的值调用时传入,实参可以是任何值,如数字、字符串、甚至是一个函数,它同样是可选的
注意: 不管是型参还是实参,在创建的时候他们的的前后位置有严格要求,第一个实参对应着第一个型参、第二个实参对应着第二个实参...,若定义的型参多余实参,则多余的型参的值为undefined,若定义的实参多余型参,则多余的实参会被忽略。
4、 花括号内的内容是这个函数要执行的代码,函数内可以放置任何代码,可以嵌套函数,甚至可以调用这个函数本身。
注意: 关键字:return
,它的作用是将值返回给函数,也就是相当于将值赋值给函数本身,注意,return
还有终止的作用,类似于break
,return后面的代码都不会执行
return:
- 将一个结果返回给函数
- 终止代码的执行,return后的代码将不会执行
5、 函数的调用就是函数名加括号(),在哪里调用就写在哪里,
注意: JS是弱语言,在JS里,大部分的分号 ; 都可以被忽略,因为浏览器会自动将分号补上,但是浏览器的判断有一定的局限性,万一给你加错位置,就会报错,这种错误还不容易找,所以在写代码的过程中最好加上分号,养成良好的编写习惯
如:
function myfun(name,age){
//函数名为myfun,定义的型参为name,age
return "我叫"+name+"我今年"+age+"岁了";
//设置return将这一段话返回给函数
console.log("我是return后的代码");
//在return后写一段代码,看看它会不会执行
}
myfun("小明",18);
//调用函数,就是函数名加括号(),括号里是传入函数的实参
创建函数的几种方法:
在JS中有不止一种的函数形式,同样的,他们也有着对应的创建方法。
构造函数:
var fun = new Function("consloe.log('我是构造函数创建的函数')");
注: 构造函数不仅麻烦而且还不灵活,所以一般情况下很少用到
函数声明:
function fun(型参1,型参2,型参3){
console.log("我是函数声明创建的函数");
console.log("我是"+型参1+型参2+型参3);
return "我是return返回的结果";
}
fun(实参1,实参2,实参3);
注: 这是我们最常用的函数形式
函数表达式:
var fun = function(){
console.log("我是函数表达式创建的函数");
};
注: 函数表达是相当于是创建了一个匿名函数,然后将其赋值给了一个变量,它其实是一个赋值语句
匿名函数:
创建函数但不设置函数名,也不赋值给变量,所以一般无法被调用
//普通匿名函数
function (){
console.log("我不能执行,因为我无法调用")
};
网友评论