2018-10-04


JavaScript基础——函数

1、定义函数

定义函数的方法有两种:

1)使用function语句声明函数。

2)通过Function对象来构造函数

      使用function来定义函数有两种方式:

            // 方式一:命名函数

                function fn(){

                    // 函数体

               }

           // 方式二:匿名函数

                var f = function(){

                     // 函数体

                }

命名函数的方法也被称为声明式函数,而匿名函数的方法也被称为引用式函数或者函数表达式,即把函数看做一个复杂的表达式,并把表达式赋予给变量。

使用Function对象构造函数的语法如下:

var  function_name = new Function(arg1,argg2,...argN,function_body)

在上面语法形式中,每个arg都是一个函数参数,最后一个函数是函数主体(要执行的代码)。Function()的所有参数必须是字符串。

实例1:通过Function构造函数定义了一个自定义函数,该函数包含两个参数,在函数主体部分使用document.write()方法把两个参数包裹在<h1>标签中输出

Function实例
显示结果

实例2:在实际开发中,使用function定义函数要比Function构造函数方便,且执行效果更高。Function仅用于特定的动态环境中,一般不建议使用。针对上面实例,可以把它转换为function定义函数的方式;

function实例

调用函数

调用函数使用小括号运算符来实现。在括号运算符内部可以包含多个参数列表,参数之间通过逗号进行分隔。

实例:在以下实例中使用小括号调用函数f,并把返回值传递给document.write()方法。

函数调用


显示结果

提示:一个函数可以包含多个return语句,但是在调用函数时只有第一个return语句被执行,且该return语句后面的表达式的值作为函数的返回值被返回,return语句后面的代码将被忽略掉。

函数参数

参数可以分为两种:形参和实参

        形参就是在定义函数时,传递给函数的参数,被称为形参,即形式上的参数。

        实参就是当参数被调用时,传给函数的参数,这些参数被称为实参。

实例:在以下实例函数中,参数a和b就是形参,而调用函数中的23和34就是实参。

函数参数

函数的形参没有限制,可以包括零个或多个,函数形参的数量可以通过函数的length属性获取。

一般情况下,函数的形参个数和实参个数是相等的,但JavaScript没有规定两者必须相等,如果形参数大于实参数,则多出的形参值为undefined;相反如果实参数大于形参数,则多出的实参就无法被形参变量访问,从而被忽略掉。

实例:在以下实例中,如果在调用函数时,传递3个实参值,则函数将忽略第3个实参的值,最后提示的结果为57.

函数参数

实例:在以下实例中,在调用函数时,仅输入1个实参,这时,函数就把第2个形参的值默认为undefined,然后使用undefined与2相加,由于任何值与undefined进行运算的结果都将返回NaN(无效的值).

函数参数
形参与实参不一致时的运行结果

拓展

JavaScript定义了arguments对象,利用该对象可以快速操纵函数的实参。使用arguments。length可以获取函数实参的个数,使用数组下标(arguments[n])可以获取实际传递给函数的每个参数值。

实例:在以下实例中,为了预防用户随意传递参数,可以在函数体检测函数的形参和实参是否一致,如果不一致可以抛出异常,如果一致则执行正常的运算。

arguments对象

在函数add()中增加了一个条件检测,来判断函数的形参和实参的数量是否相同。如果不相同,则抛出一个错误信息对象;如果相同,则返回参数的和。然后调用函数,并利用异常处理语句(try/catch)来捕获错误信息,并在提示对话框中显示出来。

显示结果

函数应用

1、匿名函数

匿名函数就是没有名称的函数,它相当于一个复杂的表达式。当只需要一次性使用函数时,使用匿名函数会更加有效率。

实例:在以下实例中匿名函数被调用之后,被赋予给变量z,然后提示z变量的返回值

匿名函数
显示结果

闭包函数

闭包是一个拥有许多变量和绑定了这些变量的环境表达式(通常是一个函数),因而这些变量也是该表达式的一部分。闭包函数就是外部函数被调用后,它的变量不会消失,仍然被内部函数所使用,而且所有的内部函数都拥有对外部函数的访问权限。

实例:在下面实例中,定义一个函数a,该函数包含一个私有函数b。内部函数b把自身参数m递加给外层含函数的私有变量n上,然后返回n的值。外层函数a的返回值为内部函数b,从而形成了一种内层引用外层的闭包关系,于是外层函数就是一个典型的闭包函数。

这样当在全局作用域中反复调用内部函数时,将会不断把参数值递加给外层函数的私有变量n身上,形成闭包对外部函数的私有变量长时保护作用。如果没有闭包函数的作用,当调用外部函数a之后,其定义的私有变量就不在存在,也就无法实现值得递增效果。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,122评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,070评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,491评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,636评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,676评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,541评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,292评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,211评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,655评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,846评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,965评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,684评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,295评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,894评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,012评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,126评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,914评论 2 355

推荐阅读更多精彩内容

  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,797评论 0 38
  • 〇、前言 本文共108张图,流量党请慎重! 历时1个半月,我把自己学习Python基础知识的框架详细梳理了一遍。 ...
    Raxxie阅读 18,955评论 17 410
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,197评论 0 3
  • 何如花烛夜,轻扇掩红妆。 当盖头把红颜遮,内心便充满了期待与雀跃。一身凤冠霞帔,脚踏锦绣鞋,被挽扶着跨火盆,过马鞍...
    小含歌阅读 999评论 0 2
  • 1、今天共修,我有个问题一直在和lb讨论,想搞清楚,同修L突然说:别说了,说的都是没用的,没在点上。我当时很不悦,...
    李信兰阅读 514评论 0 0