JavaScript函数
一、函数
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> // 函数function(也是一个对象) // 函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码) // 函数中可以保存一些代码在需要的时刻调用 // 使用typeof检查一个函数对象时,会返回function // 我们在实际开发中很少使用构造函数来创建一个函数对象 // 创建一个函数对象 // 可以将要封装的代码以字符串的形式传递给构造函数 // var fun = new function("console.log('hello 第一个函数');"); // 封装到函数中的代码不会立即执行 // 函数中的代码会在函数调用的时候执行 // 调用函数语法:函数对象() // 当调用函数时,函数中封装的代码会按照顺序执行 // fun(); // 一、使用函数说明来创建一个函数 // 语法: // function 函数名([形参1,形参2,...,形参n]){ // 语句...... // } function fun2(){ console.log("第二个函数"); alert("hahahaha"); document.write(┭┮﹏┭┮); } fun2(); // 二、使用函数表达式来创建一个函数 // 语法: // var 函数名 = function([形参1,形参2,...,形参n]){ // 语句...... // } var fun3 = function(){ console.log("匿名函数中封装的代码"); } fun3(); </script> </head> <body> </body> </html>
二、函数的参数
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> // 定义一个用来求两个数和的函数 // 可以在函数的()中来指定一个或多个形参(形式参数) // 多个形参之间使用逗号隔开,声明形参就相当于在函数内部声明了对应的变量,但是并不赋值 function sum(a,b){ console.log(a+b); } // 在调用函数时,可以在()中指定实参(实际参数) // 实参将会赋值给函数中对应的形参 sum(1,2); // 注意:调用函数时解析器不会检查实参的类型 // 所以要注意是否可能接受到非法的参数 // 函数的实参可以是任意的数据类型 // 例:sum(12,"hello");------>结果为 12hello // sum(true , false);------>结果为 1 // 调用函数时,解析器也不会检查实参的数量 // 多余的实参不会被赋值 // 例:sum(12,34,"hello",true,null);------>结果为 46 // 如果实参的数量少于形参的数量,则没有对应的实参的形参将是undefined // 例：sum(12);------>结果为 NaN </script> </head> <body> </body> </html>
三、函数的返回值
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> // 创建一个函数,用来计算三个数的和 // 可以使用return来设置函数的返回值 // 语法: // return 值； // return后的值将会作为函数的执行结果返回 // 可以定义一个变量,来接收该结果 // 在函数return后的语句都不会执行 // 如果return语句后不加任何值就相当于返回一个undefined // 如果不写return也一样 function sum(a , b , c){ // alert(a + b + c); var d = a + b + c; return d; } // 调用函数 // 变量result的值就是函数的执行结果 // 函数返回什么result的值就是什么 var result = sum(1,2,3); console.log("result = "+result); </script> </head> <body> </body> </html>
小练习：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> // 定义一个函数,判断一个数字是否是偶数,如果是返回true不是则返回false function isOu(num){ return num % 2 == 0; } var result = isOu(15); console.log("result = "+result); // 定义一个函数,可以根据半径计算一个圆的面积,并返回计算结果(3.14*r*r) function mianji(r){ return 3.14*r*r; } result = mianji(10); console.log("result = "+result); </script> </head> <body> </body> </html>
