JavaScript函数知识点整理

四、JavaScript 函数

4.1函数的定义与调用

在Javascript中,函数就是对象,其应用:

\bullet 被赋值给一个变量

\bullet 被赋值为对象的属性

\bullet 作为参数被传入别的函数

\bullet 作为函数的结果被返回

\bullet 用字面量来创建

4.1.1函数的定义

函数的定义由以下4部分组成:关键字function、函数名、参数和函数体。

定义命名函数:

function funcName(参数列表){

    statements

    [return [expr]];

}function sayHi(name, message){

    alert("hello" + name + ", " + message);

}

4.1.2参数设置

1.无参函数:适用于不需要提供任何数据,即可完成指定功能的情况。

2.有参函数:适用于开发时函数体内的操作需要用户传递数据的情况。

(1)形参:形式参数,具有特定的含义,在定义有参函数时设置的参数。

(2)实参:实际参数,也就是具体的值,在函数调用时传递的参数。

(3)获取函数调用时传递的所有实参:适用于开发时函数体形参不确定的情况。

实现方式:利用arguments对象,在函数体内可获取函数调用时传递的实参。

其他操作:length属性可获取实参的总数,具体实参值可利用数组遍历方式。

4.1.3函数的调用

1.直接调用:函数名(实参值)

sayHi("南工院", "新学期开学了");

2.在表达式中调用

这种方式适合有返回值的函数,返回值作为表达式的一部分参与运算,有时还会和(alert、document)等语句配合输出。

3.在事件中调用

4.2变量的作用域

变量的使用是有作用域范围的。作用域划分:全局作用域、函数作用域和块级作用域(ES6提供的)。不同作用域对应的变量:全局变量、局部变量、块级变量(ES6提供的)。

1.全局变量

不在任何函数内声明的变量(显示定义)或在函数内省略var声明变量(隐式定义)都称为全局变量。它在同一个页面文件中的所有脚本内都可以使用。

2.局部变量

在函数体内利用var关键字定义的变量称为局部变量,它仅在该函数体内有效。

3.块级变量

ES6提供的let关键字声明的变量称为块级变量,仅在"{}"中间有效,如if、for或while语句等。

4.3匿名函数

4.3.1函数表达式

所谓函数表达式指的是将声明的函数赋值给一个变量,通过变量完成函数的调用和参数的传递,它也是JavaScript中另一种实现自定义函数的方式。

4.3.2匿名函数

匿名函数指的是没有函数名称的函数。可以有效的避免全局变量的污染以及函数名的冲突问题。匿名函数既是函数表达式的另一种表示形式,又可通过函数声明的方式实现调用。

4.3.3回调函数

以map()方法为例,对arr数组中的每个元素都按顺序调用一次回调函数。

var  arr= ['a','b','c'];

arr.map(function(value, index) {

      console.log(value, index);

});

参数:\bullet map()的参数是一个回调函数fn。

           \bullet fn的第1个参数表示当前数组的元素。

           \bullet fn的第2个参数表示对应元素的索引下标。

返回值:回调函数每次执行后的返回值会组合起来形成一个新数组。

示例结果:在控制台依次可查看到,"a 0"、"b 1"和"c 2"。

4.4嵌套与递归

4.4.1函数嵌套与作用域链

在一个函数内部存在另一个函数的声明。特点:内层函数只能在外层函数作用域内执行,在内层函数执行的过程中,若需要引入某个变量,首先会在当前作用域中寻找,若未找到,则继续向上一层级的作用域中寻找,直到全局作用域,我们称这种链式的查询关系为作用域链。

var  iBaseNum = 10;

function addNum(iNum1, iNum2) {

  function doAdd() {

return iNum1 + iNum2 + iBaseNum;

}

  return doAdd();

}

4.4.2递归调用

递归调用是函数嵌套调用中一种特殊的调用。它指的是一个函数在其函数体内调用自身的过程,这种函数称为递归函数。

注意:递归调用虽然在遍历维数不固定的多维数组时非常合适,但它占用的内存和资源比较多,同时难以实现和维护,因此在开发中要慎重使用函数的递归调用。

4.5闭包函数


4.5.1什么是闭包函数

在JavaScript中,内嵌函数可以访问定义在外层函数中的所有变量和函数,并包括其外层函数能访问的所有变量和函数。但是在函数外部则不能访问函数的内部变量和嵌套函数。此时就可以使用"闭包"来实现。

所谓"闭包"指的就是有权访问另一函数作用域内变量(局部变量)的函数。它最主要的用途是以下两点:

\bullet 可以在函数外部读取函数内部的变量。

\bullet 可以让变量的值始终保持在内存中。

注意:由于闭包会使得函数中的变量一直被保存在内存中,内存消耗很大,所以闭包的滥用可能会降低程序的处理速度,造成内存消耗等问题。

4.5.2闭包函数的实现

常见创建方式:就是在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量。




参考资料

\bullet 《JavaScript前端开发案例教程》

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

推荐阅读更多精彩内容

  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,556评论 0 5
  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 2,746评论 2 9
  • 函数只定义一次,但可能被执行或调用任意次。JS函数是参数化的,函数的定义会包括一个称为形参的标识符列表,这些参数在...
    PySong阅读 317评论 0 0
  • 函数只定义一次,但可能被执行或调用任意次。JS函数是参数化的,函数的定义会包括一个称为形参的标识符列表,这些参数在...
    PySong阅读 851评论 0 0
  • 函数只定义一次,但可能被执行或调用任意次。JS函数是参数化的,函数的定义会包括一个称为形参的标识符列表,这些参数在...
    PySong阅读 524评论 0 0