javascript中函数的简介及应用

it2022-05-05  102

javascript中函数的简介及应用

1、简介

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。javascript函数语法,函数就是包裹在花括号中的代码块,前面使用了关键词 function: 当调用该函数时,会执行函数内的代码。可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。

2、创建函数的语法

function函数名 (var1, var2, …, varX) {代码... }

var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。

注意:无参数的函数必须在其函数名后加括号:

注意:别忘记 JavaScript 中大小写字母的重要性。“function” 这个词必须是小写的,否则 JavaScript 就会出错。另外需要注意的是,必须使用大小写完全相同的函数名来调用函数。

3、return语句

return 语句用来规定从函数返回的值。

因此,需要返回某个值的函数必须使用这个 return 语句。

例子

下面的函数会返回两个数相乘的值(a 和 b):

<script type="text/javascript"> function s(a,b){ return a*b; } var myfunction=s(2,3) alert(myfunction); </script>

当您调用上面这个函数时,必须传入两个参数:

而 函数的返回值是 6,这个值会存储在名为 myfunction的变量中。

当函数执行完毕以后,我们可以返回一个值,返回值的关键字为return。

需要注意函数里面一旦运行到return,函数的运行就结束了。换句话说,return后面的语句是不会执行的

return每次只能返回一个数,但是如果想要返回多个数,那么将多个数放入数组,然后返回这个数组即可。

4、变量的生存期

当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。

如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。

5、函数的参数

(1) 形参参数名可以重复,同名的形参参数取最后一个值

(2) 即使函数声明了形参,调用时也可以不传递参数值

(3) 调用函数的时候可以传递若干个实参参数值给函数,而不管形参声明时要求的个数

在函数的内部,存在一个伪数组对象。所谓伪数组,就是指长得像数组,但是不是真的数组。

我们可以使用数组的方法来检验这个arguments是否是数组,它的作用就是存储传递过来的实参。

<!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(); //Hello 这是我的第一个函数 //函数对象具有所有普通对象的功能,但要更强大,里面可以封装可执行的代码 fun.hello = "你好"; console.log(fun.hello); //你好 //-------------------------------------------------------------------------------- /* 使用 函数声明 来创建一个函数 语法: function 函数名([形参1,形参2...形参N]){ 语句... } */ //使用 函数声明 function fun2() { console.log("这是我的第二个函数~~~"); alert("哈哈哈哈哈"); document.write("~~~~(>_<)~~~~"); } console.log(fun2); //调用fun2 fun2(); //--------------------------------------------------------------------------------------- /* 使用 函数表达式 来创建一个函数 var 函数名 = function([形参1,形参2...形参N]){ 语句.... } */ //使用 函数表达式,就是创建一个匿名函数,将这个匿名函数赋值给一个变量 var fun3 = function() { console.log("我是匿名函数中封装的代码"); }; fun3(); //我是匿名函数中封装的代码 </script> </head> <body> </body> </html>

最新回复(0)