javascript 函数介绍

所属分类: 网络编程 / JavaScript 阅读数: 1801
收藏 0 赞 0 分享

1. 函数的定义和调用
在JavaScript中,定义函数最常用的方法就是调用function语句。该语句是由function关键字构成的,它后面紧跟的是:
Ø 函数名
Ø 一个用括号的参数列表,参数是可选的,参数是用逗号分隔开
Ø 包括在大括号中的函数体
使用函数需要注意的几个地方:
Ø 在函数体中如果有return语句,它返回一个值;如果没有的话,它返回undefined
Ø JavaScript不会检测函数参数个数是否正确,如果传递实参多于形参,多余的实参将没忽略;如果少于的话,那么没有被传递参数的形参被赋于undefined,在这种情况一般程序运行将出错


运行结果:
ddxkj
undefined
aaa

ccc
aaa

ccc
aaa

undefined
1.1. 嵌套的函数
JavaScript 1.2和ECMAScript v3允许一个函数定义可以出现在另个函数中,也就是函数的嵌套。需要注意的是,ECMAScript v3不允许函数定义任意出现,它们仍然被限制在顶层全局代码和顶层函数代码中,这意味着函数定义不能出现在循环和条件语句中。例如:

运行结果:
10000
1.2. Function()构造函数
在ECMAScript v1和JavaScript 1.1中,允许使用Function()和new动态定义一个函数。例如:var f = new Function("x", "y", "return x*y;");
该行代码几乎等价于:function f(x,y){return x*y;}
Function()构造函数可以接受任意多个字符串参数,最后一个参数就是函数体,可以包含任何JavsScrpt语句,每行语句之间使用;隔开。如果说函数没有参数,只需一个函数体的字符串就可以了。
有时时Function()构造函数也被称为匿名函数,是没有定义了函数名。
Function()构造函数的用途:
Ø 动态创建和编译一个函数。每调用一次函数,Function()构造函数都要编译一次函数,这也就成了一个缺点。因此,在循环或经常被调用的函数中,一般不使用Function()构造函数。
Ø 将函数定义为JavaScript的表达式,而不是语句。不过在JavaScript中,如果想在表达式中定义一个函数,而不是在语句,使用函数直接量会更方便。
1.3. 函数直接量
函数直接量的语法和function语句非常相似,只不过它被用作表达式,而不是语句,而且可以不指定函数名。和function语句、Function()构造函数一样,函数直接量也是创建函数的方式之一。如:
Ø function f(x){return x*x;} //function语句
Ø var f = new Funtion("x","return x*x;"); //Function()构造函数
Ø var f = function(x){return x*x;};
虽然函数直接量创建的是未命名函数,但也可以指定函数名,这在编写调用
自身递归函数非常有用。如:
var f = function fact(x) { if (x <= 1) return 1; else return x*fact(x-1); };
上面代码定义了一个未命名函数,并把它的引用存储在f中。它并没有创建fact()这个函数,只是允许函数体用这个名称没调用自身。
函数直接量可以像变量一样,被赋值、被传递给函数,甚至直接调用。例如:

运行结果:
100
25
2. 作为数据的函数
当函数被做为一种数据时,就可以像变量,被赋值、存储在对象属性或数组、传递给函数。
当以如下方式定义一个函数时,function square(x){return x*x;},定义了一个函数对象,并把这个函数对象赋值给了square。在这里square没有任何意义,不过只是一个对象而已,存储了函数对象。可以将这个函数赋值给其它变量。例如:

运行结果:
16
100

运行结果:
25
hello world
100

更多精彩内容其他人还在看

js实现图片上传预览原理分析

这篇文章主要为大家详细介绍了js实现图片上传预览的原理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Angular限制input框输入金额(是小数的话只保留两位小数点)

最近做项目遇到这样的需求输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码,需要的的朋友参考下吧
收藏 0 赞 0 分享

详解vue-cli + webpack 多页面实例配置优化方法

本篇文章主要介绍了详解vue-cli + webpack 多页面实例配置优化方法,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)

本篇文章主要介绍了React-Native解决键盘遮挡问题(Keyboard遮挡问题),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

JavaScript反弹动画效果的实现代码

本文通过实例代码给大家介绍了js反弹动画效果的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享

解决vue2.x中数据渲染以及vuex缓存的问题

本篇文章主要介绍了vue2.x中请求之前数据显示以及vuex缓存的问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

jsonp跨域请求详解

这篇文章主要为大家详细介绍了jsonp跨域请求的相关资料,激活了所有接口支持浏览器跨域请求的封装,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

解决vue里碰到 $refs 的问题的方法

本篇文章主要介绍了解决vue里碰到 $refs 的问题的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

js自定义弹框插件的封装

这篇文章主要为大家详细介绍了js自定义弹框插件的简单封装,自己封装一个弹框插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

深入理解vue $refs的基本用法

本篇文章主要介绍了深入理解vue $refs的基本用法 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多