JS自定义函数

最新推荐文章于 2024-08-12 22:54:41 发布

iteye_15093

最新推荐文章于 2024-08-12 22:54:41 发布

阅读量105

点赞数

分类专栏：学习笔记（基础）文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_15093/article/details/82653144

版权

学习笔记（基础）专栏收录该内容

15 篇文章 0 订阅

订阅专栏

[b][size=x-large]自定义函数[/size][/b]
[size=large]1.定义（3种）[/size]
[*]语法1： [color=blue]function 函数名（形式参数列表）{函数体;}[/color]
示例：

			function test(a1,a2)
			{
				return a1+a2;
			}

[*]语法2： [color=blue]var 函数名=function（形参列表）{函数体;};[/color]
示例：

			var test=function(a1,a2)
			{
				return a1+a2;
			};

[*]语法2： [color=blue]var 函数名=new Function（"参数1","参数2",...,"函数体"）;[/color]
示例：

var test= new Function("a1","a2","a3","return a1+a3");

[*]说明：
a.语法1为function语句；语法2称函数直接量，定义法类似定义变量，最后加上“；”；语法3为Function()构造函数
b.语法1不允许在同一页面内出现于函数名同名的变量，否则无法执行
c.语法2允许在同一页面出现于函数名同名的变量，视先后关系决定是否可以执行
d.形式参数根据需要可有可无
e.[color=red]返回值[/color]：函数体中通过return关键字返回一个值，如果函数无明确的返回值，或调用了没有参数的 return 语句，那么它真正返回的值是 undefined
f.Function()构造函数的参数必须是字符串型,最后一个为函数主体（"函数体"），即要执行的代码
[size=large]2.调用[/size]
[*]语法1：
在脚本中使用：函数名（实际参数列表）；
实际参数根据函数定义决定是否需要，形参无则实参不需要
[*]语法2：
通过事件激活：在HTML元素的[color=orange]事件[/color]或者a标签的href属性[color=orange]（href="javascript:函数名（）"）[/color]中使用
示例：

<body>
	<script type="text/javascript">
			function test(){
				console.debug("hello!")
			}
	</script>
	<input type="button" value="test" onclick="test()">
	<a href="javascript:test()">你好</a>
</body>

[size=large]3.参数[/size]
[*]形式参数：用于定义时，未调用时无值，仅仅是一个占位符
[*]实际参数：用于调用时，将值传递给相应的形式参数，使得形参有意义
[*]JS中并不严格要求函数调用时的实参数量要和定义时的形参数量一致
[*][color=red]arguments：[/color]
a.JS内置对象，一个集合类型数据，专门用于存放实参
b.理论上存放实参的数量仅受内存大小的限制
c.[color=orange]arguments.length[/color]可以获取实参数量
[size=large]4.变量作用域[/size]
[*]全局变量：定义在函数外面，或者在函数内部不定义而直接赋值的变量；可以在任意函数中访问、修改，将所在页面关闭后销毁
[*]局部变量：定义在函数内部，只能在当前函数内访问、修改，函数运行结束，变量自动销毁
[*]在函数内部，如果有一个局部变量和全局变量同名，此时默认访问局部变量（就近原则），如果非要访问全局，必须使用window前缀，在一定条件下也可以使用this前缀
[*]举例：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JS自定义函数</title>
	<script type="text/javascript">
	var a=10;
	function test1(){
		console.debug(++a);
	}
	function test2(){
		var a=20;
		console.debug("全局a："+window.a);
		console.debug("全局a："+this.a);
		console.debug("局部a："+a);
		b=30;//在函数内部直接对变量b进行赋值，而不是通过var进行定义
	}
	function test3(){
		var b=40;
		console.debug("全局b："+window.b);
		console.debug("局部b："+b);
	}
	</script>
</head>
<body>
	<input type="button" value="test1" onclick="test1()">
	<input type="button" value="test2" onclick="test2()">
	<input type="button" value="test3" onclick="test3()">
	<input type="button" value="test4" onclick="test4()">
</body>
</html>

后台运行结果：
[img]http://dl2.iteye.com/upload/attachment/0117/9463/96e41c29-80ac-3c30-bb26-9b54e315666f.png[/img]

iteye_15093

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS自定义函数

[b][size=x-large]自定义函数[/size][/b][size=large]1.定义（3种）[/size][*]语法1： [color=blue]function 函数名（形式参数列表）{函数体;}[/color] 示例：[code="js"] function test(a1,a2) { return a1+a2; }[/code]...
复制链接

扫一扫