简单分析javascript中的函数


Posted in Javascript onSeptember 10, 2016

在脚本语言JavaScript中,函数的定义是由事件驱动或者当它被调用时可重复使用的代码块。在JavaScript的标准ECMAscript中,把函数表述为可以随时随地运行的语句。我个人是不认同ECMA的说法的,因为函数只有在发生调用的时候才会执行,否则就是一段毫无生气的代码。

我们来具体认识认识函数。

(一)首先是函数的定义: 在ECMAscript函数的定义是 关键字function 函数名( 参数){主体;return(返回值)};这四部分组成的,但是在脚本语言中函数的定义却分为三种方式定义:

形式1:function 函数名(参数){主体;返回值};这种定义的方式和ECMAscript的方式一样;
形式2:var 函数名=function (参数){主体;返回值};
形式3:var 函数名=new Function (参数){主体;返回值};

在Javascript中只有这三种定义函数的方式,接下来说说每一种定义方式的使用的注意事项和具体的用法:第一种定义方式是最简单,最容易理解的,他就是简简单单的为我们定义一个函数,供我们在接下来的编程中使用;第二中方式是通过我们构造一个匿名函数,并且把这个匿名函数的传递给一个我们定义的函数变量来实现的,他在闭包中是很常见的,为的是使在全局域内,我们能使用内层函数,让我们的函数形成闭包结构。第三种方式是通过new出一个新的内存空间存放我们的匿名函数,并赋值与我们定义的函数名,这个函数是基于我们的匿名函数创建的。这种方式主要应用在原型里面。

其实通过观察,我们会发现,好像这三种定义方式之间联系很紧密,感觉第三种第一方式好像是前面2种和第三种的组合使用,实事也是你看到的这样,所以对于这3种定义方式我们知道就行了,知道他们分别什么时候使用就好了。再有,我要说的是这三种定义方式的数据类型,是基于基本类型来说的,和基于对象类型的数据是一样的,在基于对象数据类型里,我们把函数称为对象。当你接触了对象的定义时,很明显的发现,他们的定义方式基本上是一样的。只不过函数名给称为对象,定义的形式是很类似的。记住一点,对象就是函数,函数就是对象。

(二)几种特殊的函数
(1) 匿名函数
所谓的匿名函数,就是没有函数名的函数。这种函数的有点就是说,它的调用很难,这也就保证了安全性。那么我们应该如何调用匿名函数呢?来看个例子:

简单分析javascript中的函数

通过把匿名函数作为参数传递给add变量,我们就可以调用我们的匿名函数了。

(2)自调函数
自调函数也是匿名函数的一种,它没有作为参数传递给其他变量,也没有自己的函数名,也就是说它不能被别人调用,只能自己调用自己。

简单分析javascript中的函数

图中写的方式就是自调函数的使用,这个函数被两个小括号包围着,第一个小括号的作用是封装,把我们编写的匿名函数封装在其中,第二个小括号就是调用了,我们还可以给他初始化,就像第二个自调函数的写法一样。  

其实自调函数主要用于实现一次性的功能,就是说在执行周期内只运行一次,所以在我们进行网页的初始化时,可以考虑使用自调函数。

(3)回调函数

回调函数,就是把自身作为返回值或者实参传递的这样的函数。

简单分析javascript中的函数

函数a()和b()就是回调函数的应用。

(4)内部函数

这个就是一句话了,就是存在于函数内部的一类函数。

(三)函数的优点

1.大量重复的语句写在函数里面,可以重复的调用;
2.简化编程语言,让编程变得模块化;
3.优化代码结构;

(四)注意事项 

1.函数的书写时,可以先调用,在书写;因为JavaScript在程序开始时,会对我们所有的函数和变量进行隐式的声明;
2.函数不会自己执行,只有在发生函数调用时,才会分配空间,才能使用;
3.函数名相同时,默认执行写在下面的函数;
 4.函数名若有一个单词构成,则首字母小写,若有多个单词构成,第一个单词后其他单词首字母大写;

(五)函数的变量域

1.全局变量
写在全局域的变量称为全局变量;
2.局部变量
定义在函数内部,并用var 声明的变量称为局部变量;如果定义在函数内部,但未用var 声明,则看做是全局变量。

我们要清楚的知道,学习JavaScript语言就是学习各种各样的函数,所以对于函数的理解一定深刻一些,不然在以后的学习过程中,我们会遇到各种函数的嵌套啊,什么的各种函数糅杂在一起,就会更加的理不清头绪,整的自己那袋混乱的。这篇简简单单的文章,是我对函数的一些理解,希望我的这些浅见,能对你理解函数有一些帮助。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery的read函数与js的onload不同方式实现
Mar 18 Javascript
常用的JS验证和函数汇总
Dec 23 Javascript
浅谈关于JavaScript API设计的一些建议和准则
Jun 24 Javascript
详解JavaScript时间格式化
Dec 23 Javascript
原生JS实现图片翻书效果
Feb 16 Javascript
JavaScript表单验证完美代码
Mar 02 Javascript
详解Node.js串行化流程控制
May 04 Javascript
js匿名函数使用&传参(实例)
Sep 08 Javascript
vue移动UI框架滑动加载数据的方法
Mar 12 Javascript
JS 使用 window对象的print方法实现分页打印功能
May 16 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
javascript数组常用方法汇总
Sep 10 #Javascript
JavaScript实现输入框与清空按钮联动效果
Sep 09 #Javascript
Three.js快速入门教程
Sep 09 #Javascript
jQuery动态修改字体大小的方法【测试可用】
Sep 09 #Javascript
Bootstrap菜单按钮及导航实例解析
Sep 09 #Javascript
JavaScript设计模式之单体模式全面解析
Sep 09 #Javascript
jQuery实现的超链接提示效果示例【附demo源码下载】
Sep 09 #Javascript
You might like
PHP函数utf8转gb2312编码
2006/12/21 PHP
解析php中反射的应用
2013/06/18 PHP
PHP对表单提交特殊字符的过滤和处理方法汇总
2014/02/18 PHP
PHP7匿名类用法分析
2016/09/26 PHP
JQuery选择器特辑 详细小结
2012/05/14 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
jQuery中ajax的load()方法用法实例
2014/12/26 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
2015/03/03 Javascript
JS验证IP,子网掩码,网关和MAC的方法
2015/07/02 Javascript
一道JS前端闭包面试题解析
2015/12/25 Javascript
AngularJS ng-controller 指令简单实例
2016/08/01 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
2016/09/23 Javascript
微信小程序 canvas API详解及实例代码
2016/10/08 Javascript
详解Node.js利用node-git-server快速搭建git服务器
2017/09/27 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
小程序的上传文件接口的注意要点解析
2019/09/17 Javascript
何时/使用 Vue3 render 函数的教程详解
2020/07/25 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
[05:09]2016国际邀请赛中国区预选赛淘汰赛首日精彩回顾
2016/06/29 DOTA
详解python时间模块中的datetime模块
2016/01/13 Python
python实现植物大战僵尸游戏实例代码
2019/06/10 Python
DJango的创建和使用详解(默认数据库sqlite3)
2019/11/18 Python
Python print不能立即打印的解决方式
2020/02/19 Python
python用pip install时安装失败的一系列问题及解决方法
2020/02/24 Python
HTML5 Canvas图像模糊完美解决办法
2018/02/06 HTML / CSS
canvas简易绘图的实现(海绵宝宝篇)
2018/07/04 HTML / CSS
2014财务部年度工作总结
2014/12/08 职场文书
投资意向协议书
2015/01/29 职场文书
2015暑期爱心支教策划书
2015/07/14 职场文书
Nginx的基本概念和原理
2022/03/21 Servers
sqlserver连接错误之SQL评估期已过的问题解决
2022/03/23 SQL Server
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python
微信小程序APP页面的之间的相互传递参数以及自定义组件
2022/04/19 Javascript
微软发布Windows 11今年最大更新22H2(附 ISO 镜像官方下载)
2022/09/23 数码科技