【原作者】http://www.cnblogs.com/polk6/p/3284839.html
本篇主要介绍普通函数、匿名函数、闭包函数
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的变量。
相关推荐
主要介绍了JavaScript function函数种类,包括普通函数、匿名函数、闭包函数、十分的全面,并附上了示例,这里推荐给大家,希望对大家能有所帮助。
主要为大家详细介绍了JavaScript function函数种类,包括普通函数、匿名函数、闭包函数,感兴趣的小伙伴们可以参考一下
JavaScript的function函数详细介绍 通过函数来封装任意多条语句,而且可以在任何地方、任何时间调用执行。 而我们的JavaScript脚本语言比较特殊,相对于C语言,它的参数是不需要数据类型加持的。返回值return,...
JavaScript之函数(ppt).pdf
javascript强制函数自动执行 function myTest(){ window.alert("hello"); } var myTest = function(){ window.alert("hello"); }
JavaScript 函数调用 JavaScript 函数有 4 种调用方式。 每种方式的不同方式在于 this 的初始化。 this 关键字 一般而言,在Javascript中,this指向函数执行时的当前对象。 Note 注意 this 是保留关键字,你不能...
Function函数是javascript的基础也是实现功能的一个引爆点,我们通过实例分析让你对Function函数有一个更加深刻的理解以及在实际中的用法讲解。 Function 确实是一个对象.而我们定义的任何一个函数其实都是Function ...
Javascript中函数分类&this指向的实例详解 通过实例来说明吧 <script> //method1 function fn() { console.log('fn created '); } //method2 var fn2 = function () { console.log('fn2 created'); } //...
详细讲解了javascript中函数的相关知识:函数的基本定义形式 函数对象等。
// 在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例;而且都与其他引用类型一样具有属性和方法; // 由于函数是对象,因此函数名实际上也是一个指向函数对象的指针; 一 函数的声明方式 1.函数...
FunctionScript - 用于将JavaScript函数转换为类型化HTTP API的语言和规范
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块,接下来跟着小编一起来学习javascript中的function函数,小伙伴们快来一起学习吧
Function是javascript里最常用的一个概念,javascript里的function是最容易入手的一个功能,但它也是javascript最难理解最难掌握的一个概念。 今天我们来尝试理解Function和Object.因为这个里面有些人前期可能会搞...
【KETTLE教材】JS内嵌方法: 详细介绍kettle中使用javascript时内嵌的function
函数和作用域是JavaScript的重要组成部分,我们在使用JavaScript编写程序的过程中经常要用到这两部分内容,作为初学者,我经常有困惑,借助写此博文来巩固下之前学习的内容。 (一)JavaScript函数 JavaScript函数是...
JavaScript中箭头函数与普通函数的区别详解 本文为大家讲解了JavaScript中箭头函数与普通函数的区别,供大家参考,具体内容如下 let fun = () => { console.log('lalalala'); } function fun() { console.log...