JavaScript function函数种类介绍
JavaScript function函数种类介绍
本篇主要介绍普通函数、匿名函数、闭包函数
1.普通函数介绍
1.1 示例
1
2
3
|
function ShowName(name) { alert(name); } |
1.2 Js中同名函数的覆盖
在Js中函数是没有重载,定义相同函数名、不同参数签名的函数,后面的函数会覆盖前面的函数。调用时,只会调用后面的函数。
1
2
3
4
5
6
7
8
9
10
11
|
var n1 = 1; function add(value1) { return n1 + 1; } alert(add(n1)); //调用的是下面的函数,输出:3 function add(value1, value2) { return value1 + 2; } alert(add(n1)); //输出:3 |
1.3 arguments对象
arguments 类似于C#的params,操作可变参数:传入函数的参数数量大于定义时的参数数量。
1
2
3
4
5
6
7
|
function showNames(name) { alert(name); //张三 for ( var i = 0; i < arguments.length; i++) { alert(arguments[i]); //张三、李四、王五 } } showNames( '张三' , '李四' , '王五' ); |
1.4 函数的默认范围值
若函数没有指明返回值,默认返回的是'undefined'
1
2
3
|
function showMsg() { } alert(showMsg()); //输出:undefined |
2.匿名函数
2.1 变量匿名函数
2.1.1 说明
可以把函数赋值给变量、事件。
2.1.2 示例
1
2
3
4
5
|
//变量匿名函数,左侧可以为变量、事件等 var anonymousNormal = function (p1, p2) { alert(p1+p2); } anonymousNormal(3,6); //输出9 |
2.1.3 适用场景
①避免函数名污染。若先声明个带名称的函数,再赋值给变量或事件,就造成了函数名的滥用。
2.2 无名称匿名函数
2.2.1 说明
即在函数声明时,在后面紧跟参数。Js语法解析此函数时,里面代码立即执行。
2.2.2 示例
1
2
3
|
( function (p1) { alert(p1); })(1); |
2.2.3 适用场景
①只需执行一次的。如浏览器加载完,只需要执行一次且后面不执行的功能。
3. 闭包函数
3.1 说明
假设,函数A内部声明了个函数B,函数B引用了函数B之外的变量,并且函数A的返回值为函数B的引用。那么函数B就是闭包函数。
3.2 示例
3.2.1 示例1:全局引用与局部引用
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function funA() { var i = 0; function funB() { //闭包函数funB i++; alert(i) } return funB; } var allShowA = funA(); //全局变量引用:累加输出1,2,3,4等 function partShowA() { var showa = funA(); //局部变量引用:只输出1 showa(); } |
allShowA是个全局变量,引用了函数funA。重复运行allShowA(),会输出1,2,3,4等累加的值。
执行函数partShowA(),因为内部只声明了局部变量showa来引用funA,执行完毕后因作用域的关系,释放showa占用的资源。
闭包的关键就在于作用域:全局变量占有的资源只有当页面变换或浏览器关闭后才会释放。var allShowA = funA() 时,相当于allShowA引用了funB(),从而使funB()里的资源不被GC回收,因此funA()里的资源也不会。
3.2.2 示例2:有参闭包函数
1
2
3
4
5
6
7
8
9
10
11
|
function funA(arg1,arg2) { var i = 0; function funB(step) { i = i + step; alert(i) } return funB; } var allShowA = funA(2, 3); //调用的是funA arg1=2,arg2=3 allShowA(1); //调用的是funB step=1,输出 1 allShowA(3); //调用的是funB setp=3,输出 4 |
3.2.3 示例3:父函数funA内的变量共享
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function funA() { var i = 0; function funB() { i++; alert(i) } allShowC = function () { // allShowC引用匿名函数,与funB共享变量i i++; alert(i) } return funB; } var allShowA = funA(); var allShowB = funA(); //allShowB引用了funA,allShowC在内部重新进行了绑定,与allShowB共享变量i |
3.3 适用场景
①保证函数funA内里的变量安全,因为外部不能直接访问funA的变量。
==================================系列文章==========================================
本篇文章:3.2 JavaScript function函数种类介绍
1.HTML
1.1 HTML页面源代码布局介绍
1.2 HTML基础控件介绍
1.5 table、form表单标签的介绍以及get和post提交方式
2.CSS 层叠样式表
2.3 CSS Float 浮动属性介绍
3.JavaScript介绍
3.1 JavaScript var关键字、变量的状态、异常处理、命名规范等介绍
3.3 Json对象、类、数组、字典操作
4.Dom
4.1 Window对象 : 对浏览器的当前窗口进行操作。
4.2 Navigator对象 :对浏览器进行操作。包括获取浏览器的名称、平台、版本信息等等。
4.3 Screen对象 :对显示器屏幕进行操作。包括获取屏幕的高度、宽度。
4.4 Location对象 :对当前页面的URL进行操作。
4.5 Document对象 : 对HTML内的元素进行操作。
4.6 Event对象 :HTML元素的事件操作。
5.Jquery
5.1 Jquery选择器
5.2 常用的方法
5.3 对数组、字典进行操作
5.4 指定一个对象,获取相邻元素
5.5 动态操作HTML元素
5.6 事件操作
5.7 动画操作
5.8 Css操作
5.9 扩展插件
6.EasyUI 框架
7.其他技术
7.1 Ajax
7.2 正则表达式
只是记录了自己在学习、使用Web前端内容时的心得和碰到的问题。内容里的很多部分参考自 http://www.w3school.com.cn/
JavaScript function函数种类介绍的更多相关文章
- JavaScript function函数种类(转)
转自:http://www.cnblogs.com/polk6/p/3284839.html JavaScript function函数种类 本篇主要介绍普通函数.匿名函数.闭包函数 目录 1. 普通 ...
- JavaScript function函数种类
本篇主要介绍普通函数.匿名函数.闭包函数 目录 1. 普通函数:介绍普通函数的特性:同名覆盖.arguments对象.默认返回值等. 2. 匿名函数:介绍匿名函数的特性:变量匿名函数.无名称匿名函数. ...
- javascript:function 函数声明和函数表达式 详解
函数声明(缩写为FD)是这样一种函数: 有一个特定的名称 在源码中的位置:要么处于程序级(Program level),要么处于其它函数的主体(FunctionBody)中 在进入上下文阶段创建 影响 ...
- JavaScript Function 函数深入总结
整理了JavaScript中函数Function的各种,感觉函数就是一大对象啊,各种知识点都能牵扯进来,不单单是 Function 这个本身原生的引用类型的各种用法,还包含执行环境,作用域,闭包,上下 ...
- JavaScript Function(函数表达式)
创建函数 创建函数的方式有两种:1.函数声明,2.函数表达式 函数声明的语法为 functionName(); //不会报错,函数声明提升function functionName(arg0,arg1 ...
- 简单介绍Javascript匿名函数和面向对象编程
忙里偷闲,简单介绍一下Javascript中匿名函数和闭包函数以及面向对象编程.首先简单介绍一下Javascript中的密名函数. 在Javascript中函数有以下3中定义方式: 1.最常用的定义方 ...
- 【转】JavaScript里Function函数实现可变参数
转载: http://www.oschina.net/question/54100_15938 使用javascript类库函数时,经常会遇到一个函数,可以使用不同个数的参数的情况 比如:exp(v ...
- JavaScript中Function函数与Object对象的关系
函数对象和其他内部对象的关系 除了函数对象,还有很多内部对象,比如:Object.Array.Date.RegExp.Math.Error.这些名称实际上表示一个 类型,可以通过new操作符返回一个对 ...
- JavaScript之Function函数深入总结
整理了JavaScript中函数Function的各种,感觉函数就是一大对象啊,各种知识点都能牵扯进来,不单单是 Function 这个本身原生的引用类型的各种用法,还包含执行环境,作用域,闭包,上下 ...
随机推荐
- SDUT 1124-飞跃荒野(三维BFS)
飞跃原野 Time Limit: 5000ms Memory limit: 65536K 有疑问?点这里^_^ 题目描写叙述 勇敢的法里奥出色的完毕了任务之后.正在迅速地向自己的基地撤退.但因为 ...
- VS2012编写C语言项目
原文:VS2012编写C语言项目 这两天看了一下C语言方面的知识,大学的时候使用的Turbo C对于我来说已经是很久之前的事情了,编写C语言的还有VC++,不过这货在64的表现实现是很让人失望,还是用 ...
- centos下mysql 最新版最终成功安装!备份一下几个关键地方
我本来仅仅是为了搭建简单的LAMP环境,亲自己主动手,却发现有这么多的问题会发生.(by default7#zbphp.com) 非常多地方给的安装Mysql的提示是通过yum一键安装.shell命令 ...
- SQL点滴24—监测表的变化
原文:SQL点滴24-监测表的变化(转载) 在网上看到一篇关于监测表中的插入,更新,删除的方法,使用触发器实现的,很有价值. 地址:http://www.dbaunion.com/u/livecoac ...
- Node.js日志框架选型比較:Winston
日志对于问题定位.调试,系统性能调优至关重要,尤其是系统复杂以及在线执行的情况下. 好的开发框架都会有一个可开启关闭/可配置记录级别的日志系统.我们从下面几个方面来做选型: 1. 每行日志都须要有准确 ...
- SQLServer通过链接服务器远程删除数据性能问题解决
原文:SQLServer通过链接服务器远程删除数据性能问题解决 在上一遍文章中介绍了SQLServer通过链接服务器访问Oracle性能问题的解决方法,本文介绍链接服务器下远程删除SQLServer数 ...
- firefox os 该设备呼叫移动开发
1)话筒 权限:telephony api:navigator.moztelephony 参考链接:https://wiki.mozilla.org/WebAPI/WebTelephony 2) 扬声 ...
- 华为JAVA(面试问题及答案节)
华为JAVA面试题 (后记:我没想到华为面试题是不寻常,,至少对我这种鸟来说是这样.对我个人来说.看看这样的题.可能比看<Think In Java>都还要好.因为这里面有很多的东西,都是 ...
- centOS6 php 编 imap 模
php 编 c-client imap 客户.下载 http://www.washington.edu/imap/mirrors.html 第一步,编 c-client 官方文档说究竟有点坑,编译报错 ...
- 继承,is,as,多态
继承中的构造方法:1.创建子类对象时,一定会先创建父类对象2.如果调用的子类构造方法没有使用base,就会自动调用父类无参的构造方法, 如果父类没有无参的构造方法就会报错3.如果调用的子类构造方法 ...