创建函数的方式:
1.构造函数方式:( 不常用 )
var fun = new Function( console . log ( ' 构造函数方式创建function ' ) ) ;
2.函数声明:( 常用 )
function fun2 ( ){
语句 . . .
}
3.匿名函数:
var fun3 = function( ){
语句 . . .
}
函数 function
- 函数也是一个对象
- 函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)
- 函数中可以保存一些代码在需要的时候调用
- 使用 typeof 检查一个函数对象时,会返回 function
- 对象所拥有的功能,函数也拥有且比对象的功能多
创建一个函数对象
方式一:
可以将要封装的代码以字符串的形式传递给构造函数
在实际开发中很少使用构造函数来创建一个函数对象
var fun = new Function ( “console . log ( 'Hello 这是我第一个函数 ' ); ” ) ;
- 封装带函数中的代码不会立即执行
- 函数中的代码会在函数调用的时候执行
- 调用函数语法:函数对象();
- 当调用函数时,函数中封装的代码会按照顺序执行
fun();
方式二:(优点:结构更清晰)
使用 函数声明 来创建一个函数
语法:
function 函数名([ 形参1,形参2 . . . 形参N ]){ // 由有语法的 [ ] 表示可选的,参数写不写都可以
语句 . . . // 被封装的代码
}
例:
function fun2 () {
console . log ( ' 这是第二个函数 ' ) ;
alert ( ‘ 哈哈哈哈~~ ’ ) ;
}
// 调用函数
fun2 ( ) ;
方式三:
使用 函数表达式 来创建一个函数 (匿名函数)
函数表达式:创建一个匿名函数,然后将匿名函数的对象赋值给变量
var 函数名 = function ( [ 形参1,形参2 . . . 形参N ] ) {
语句 . . .
} ;
例:
var fun3 = function ( ) {
console . log ( ' 这是一个匿名函数 ' ) ;
} ; // 因为函数最终是赋值给一个变量,所以变量最好在尾部加上 ;
函数的参数:
- 可以在函数的()中来指定一个或多个形参(形式参数)
- 多个形参之间使用,隔开,声明形参就相当于在函数内部声明了对应的变量
- 但是并不赋值
- 在调用函数时,可以在()中指定实参(实际参数)
- 实参将会赋值给函数中对应的形参
- 调用函数时解析器不会检查实参的类型,
所以要注意,是否有可能会接收到非法的参数,如果有则需要对参数进行类型的检查
- 调用函数时,解析器也不会检查实参的数量
多余实参不会被赋值
- 如果实参的数量少于形参的数量,则没有对应的实参的形参将是 undefined
- 函数的实参可以是任意数据类型
例:
function sum ( a , b ) {
console . log ( a + b ) ;
}
sum ( 3 , 6 ) ; // 9
sum ( true , false ) ; // 1
sum ( 3 ) ; // 3 + undefined =NaN
sum ( 4 , 2 , 5 , 8) ; //4 + 2 = 6
返回值 return:
- 可以使用 return 来设置函数的返回值
- return 后的值将会作为函数的执行结果返回,可以定义一个变量,来接收该结果
- 在函数中 return 后的语句都不会执行
- 如果 return 语句后不跟任何值就相当于返回一个undefined
- 如果函数中不写 return ,则也会返回undefind
- return 后可以跟任意类型的值
- 调用函数
- 变量 result 的值就是函数的执行结果
- 函数返回什么 result 就是什么
语法:
return 值 ;
- 函数返回值的类型
break:使用 break 可以退出当前循环
continue:使用 continue 跳过当次循环
return:使用 return 结束整个函数
注意:返回值可以是任意的数据类型,也可以是一个对象,一个函数
在函数内部再声明一个函数
function fun4(){
function fun5(){
alert ( ’ 我是fun5 ' ) ;
}
// 将fun5函数对象作为返回值返回
return fun5 ; // 直接返回fun5函数
// 将fun5函数对象作为函数返回
return fun5(); // 我是fun5 返回undefined
}
例1:创建一个函数,用来计算三个数的和
function sum(a , b , c){
var d = a + b + c ;
return d ;
alert ( 123 ) ; // alert(123)语句不会执行
}
var result = sum ( 4 , 5 , 6 ) ;
console . log ('result = ' + result ) ;
例2:定义一个函数,判断一个数字是否是偶数,如果是返回 true,否则返回 false
function isOu(num){
return num % 2 == 0 ; // 因为 num % 2 == 0 本身返回的就是 boolean 值,所以可以不用 if 再进行判断
}
- 实参可以是任意的数据类型,也可以是一个对象
当我们的参数过多时,可以将参数封装到一个对象中,然后通过对象传递
例3:创建一个函数,可以在控制台中输出一个人的信息
function sayHello(o){
console . log ( '我是' + o . name + ' ,今年我 ' + o . age + ' 岁了 ,我是一个' + o . gender + ' 人 ,我住在' + o . address ) ;
}
// sayHello( '孙悟空' , 28 , ‘ 男 ’ , ‘ 花果山 ’ ) ; // 参数太多容易混淆
建议使用创建一个对象的方式
var obj = {
name:‘ 猪八戒 ’ ,
age:28 ,
gender:‘ 男 ’,
address:‘ 高老庄 ’
};
sayHello ( obj ) ;
实参也可以是一个对象,也可以是一个函数
funciton fun8(a){
console . log ( ‘ a = ’ + a ) ;
// a ( obj ) ; // a = sayHello 函数中的 obj 对象 的返回值
}
// a ( 123 ) ; // a =123
// a (sayHello); // 返回 sayHello 函数
// fun(function( ) { alert ( ' hello ' ) }); //开发中常用到,把一个匿名函数当做实参传递给函数
区别:
sum()
- 调用函数
- 相当于使用的函数的返回值
sum
- 函数对象
- 相当于直接使用函数对象
立即执行函数:
函数定义完,立即被调用,这种函数叫做立即执行函数
立即执行函数往往只会执行一次
(function(){
alert ( ' 这厮一个匿名函数 ' ) ;
})(); // 函数对象(); 弹出一个弹出框 “这厮一个匿名函数”
立即执行函数也可以传参数:
( function (a , b){
console .log ( ' a = ' + a ) ;
console .log ( ' b = ' + b ) ;
} ) ( 32 , 23 ); // a = 32 b = 23