函数对任何语言来说都应该是核心的概念。函数的主要作用是封装任意多条语句了,然后在我们需要的时候调用执行。
声明函数
使用function来声明函数,后面跟随一组参数。语法如下:
function fun(argments1,argments2){
statement;
}
下面是一个示例:
function hi(name,message){
console.log("hello,"+name+","+message);
}
hi("咸鱼","一条正在学习前端的咸鱼")//调用前面定义的函数 结果为:"hello,咸鱼,一条正在学习前端的咸鱼"
调用可以通过函数名加括号,在括号能填上参数,有多个参数使用,
逗号隔开;
也可以通过函数表达式来创建函数
var printName = function(name,message){
console.log("hello,"+name+","+message);
}
printName("小明",".")
var
一个变量,然后给这个变量赋值一个函数表达式;
函数有一个很重要作用就是复用性,例如我们有一个特定的功能需要三句语句来实现,那么每次来实现这个功能时都要复制这三个语句就显得很麻烦,所以我们可以把这些语句打包成一个函数,再需要实现这个功能的时候直接调用一下函数就可以了。
返回值
在很多情况下我们使用函数其实是需要函数的返回值,函数的默认返回值是undefined,但是我们可以通过return
语句加上需要返回的值来实现返回值,下面是一个例子:
function sum(num1,num2){
return num1 + num2;
}
var num = sum(1,5);
console.log(sum);//6
上面这个例子中使用return设置返回值为num1+num2
然后我们把sum()
调用并把值赋给了变量num
。
不过我们需要注意一下,但函数执行return
语句后就会立即停止并退出,后面的语句不会继续执行:
function sum(num1,num2){
return num1 + num2;
console.log("num1");
}
console.log("num1")
将不会被执行
参数
JavaScript函数的参数可以传递任意数量的参数,参数可以是任何数据类型。所以被传递的参数都会被保存在arguments
中,arguments
是一个类数组对象。
arguments是一个类数组对象,所以会拥有数组的方法和特性
因为函数其实是通过arguments来访问实参(在调用时传递给函数的参数)的,所以形参(声明函数时命名的参数)只是为了让我们使用参数更方便而已。
function message(){
console.log("姓名:"+arguments[0]+","+"年龄:"+ arguments[1]);
}
message("咸鱼","20岁")//结果:姓名:咸鱼,年龄:20岁
上面这个例子并没有在声明的时候定义形参。但可以通过arguments[0] arguments[1]
来获得实际参数
由于传递给函数的参数是不限制个数和类型的,所以有些时候我们得先得知传递进来的参数个数和类型再对应情况进行特定的操作:
function doAdd(){
if(arguments.lenght == 1){
console.log(arguments[0] + 10);
}else if(arguments.lenght == 2){
console.log(arguments[0] + arguments[1])
}
}
doAdd(10);//10
doAdd(20,50);//70;
function message(){
for(var i = 0;i< arguments.length;i++){
if(typeof(arguments[i]) === "string"){
var name = arguments[i];
}else if(typeof(arguments[i]) === "number"){
var phoneNunber = arguments[i];
}
}
console.log("名字:"+ name);
console.log("电话号码:" + phoneNunber);
}
message(10086,"咸鱼");
没有重载
重载是很多面向对象语言实现多态的手段之一,在静态语言中确定一个函数的手段是靠方法签名——函数名+参数列表,也就是说相同名字的函数参数个数不同或者顺序不同都被认为是不同的函数,称为函数重载
在JavaScript中没有函数重载的概念,函数通过名字确定唯一性,参数不同也被认为是相同的函数,后面的覆盖前面的,这是不是意味着JavaScript不能通过重载功能实现一个函数,参数不同功能不同呢?
在JavaScript中,函数调用没必要把所有参数都传入,只要你函数体内做好处理就行,但前提是传的参数永远被当做前几个
function printPeopleInfo(name, age, sex){
if(name){
console.log(name);
}
if(age){
console.log(age);
}
if(sex){
console.log(sex);
}
}
printPeopleInfo('hunger', 3);
printPeopleInfo('hunger', 3, 'male');