JavaScript Day_04
一.函数的概念
函数就是把特定功能的代码块抽出出来,使之成为程序中一个独立的实体
二.函数的作用
可以将特定的功能用函数来包裹(封装)
三.使用函数的好处
1.函数可以在同一个程序或其他程序中多次使用(通过函数名调用)
2.使程序变得更简短清晰,提高可读性
3.有利于程序维护
四.函数的分类
函数可以分为:系统函数、内置函数、自定义函数
系统函数、内置函数:
是系统提供好的函数,可以直接调用。如:alert(), isNaN(), Math.pow(),console.log()
自定义函数:
是用户自己定义的函数,用户可以根据实际需求,对特定的功能使用函数来封装
五.函数的简单定义
定义函数的语法格式:
声明式函数:
function 函数名(){
代码块;
}
赋值式函数:
var 函数名 = function (){
代码块;
}
两种声明方式,调用方法一致
区别是调用的时机不一致
声明式函数可以在声明之前调用,也可以在声明之后调用
赋值式函数只能在声明之后调用,声明之前调用会报错
因为在初始状态页面加载的时候,js会优先加载function以及对于的变量命名,但不会j
注意:
1.必须使用function关键字,且为小写,函数名自定义
2.函数名的命名规则和变量名一致
3.函数名后必须写()
示例:定义一个函数printOut
function printOut(){
document.write("hello world");
}
六.函数的标准定义
定义函数的语法格式:
function 函数名(参数1,参数2,参数3......){
执行语句;
return 返回值;
}
注意
1.函数名后()中的参数数量不定,也可以没有(根据功能需要)
2.return关键字的作用是将某个值返回,如果没有返回值则默认返回undefined
示例:定义一个函数sum
function sum(one,two){
var s=one+two;
return s;
}
调用上面的函数:
var result=sum(2,8);
console.log(result);
七.函数的调用
函数的调用方式:函数名()
注意:
1.调用函数后会执行函数内的代码块
2.函数在不调用的情况下是不会执行的,只有调用后函数中的代码才会执行
八.形参与实参
形参:在函数定义时,函数名后面的参数
函数的形参和变量是一样使用的,但不能用var修饰
实参:实参就是函数调用时,函数名后面的参数
函数参数的个数关系
1.一样多,则按照从左到右的顺序一一对应
2.实参多,前面的顺序一一对应,多出来的实参,在函数内部没有形参接收,不能直接使用
3.形参多,前面的按照顺序一一对应,多出来的形参,因为没有实参赋值,所以使用的时候就是undefined
九.arguments
在函数内部自带的变量,用来表示所有实参的集合(伪数组)
举例:计算任意数据的和
function fn(){
var sum=0;
for(var i=0;i<arguments.length;i++){
sum+=arguments[i];
}
console.log(sum);
}
fn(10,20,30,40);
fn(1,2,3,5,4)
十.打断函数
return 除了可以作为一个返回值关键字使用,还可以进行打断函数的操作,写在ruturn后面的内容是函数的返回值,写在return后面行的内容是不会执行的内容
十一.作用域与作用域链
作用域是变量作用的区域
逐级向上寻找变量的过程叫作用域链
十二.函数事件
函数还可以当作一个页面元素的事件来处理函数
当页面中某一个元素触发行为的时候,执行某一个函数
语法:元素.οnclick=函数