javascript中函数的简介及应用

最新推荐文章于 2024-09-08 19:34:03 发布

qindayong！

最新推荐文章于 2024-09-08 19:34:03 发布

阅读量169

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_44036436/article/details/96445330

版权

JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

在这里插入图片描述
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>