函数

函数的定义与调用

1.初识函数

在Javascript中,函数就是对象,其应用:被赋值给一个变量被赋值为对象的属性,作为参数被传入别的函数,作为函数的结果被返回,用字面量来创建。

内置函数

console.log(parseFloat('7.26e-2')); // 返回解析后的浮点数:0.0726

console.log(isNaN(' ')); // 判断是否是NaN:false

console.log(parseInt('15.99')); // 返回解析后的整数值:15

parseFloat()用于返回解析字符串后的浮点数。isNaN()判断给定参数是否为NaN,判断结果为是,返回true,否则返回false。parseInt()用于返回解析字符串后的整数值。

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

定义命名函数:function funcName(参数列表)

{statements[return [expr]];}

function sayHi(name, message)

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

2.参数设置

无参函数:适用于不需要提供任何数据,即可完成指定功能的情况。有参函数:适用于开发时函数体内的操作需要用户传递数据的情况。

形参:形式参数,具有特定的含义,在定义有参函数时设置的参数。实参:实际参数,也就是具体的值,在函数调用时传递的参数。

function maxNum(a, b)

 {a = parseInt(a);

b = parseInt(b);

return a >= b ? a : b;}

3.函数调用

直接调用:函数名([参数1,参数2,......]) 

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



变量的作用域

总结:变量的使用是有作用域范围的。

作用域划分:全局作用域、函数作用域和块级作用域(ES6提供的)。

不同作用域对应的变量:全局变量、局部变量、块级变量(ES6提供的)。

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

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

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



匿名函数

1.函数表达式

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

var fn = function sum(num1,num2){//定义表达式,求和

return num1+num2;

}

fn();//调用函数

2.匿名函数

概念:匿名函数指的是没有函数名称的函数。

作用:可以有效的避免全局变量的污染以及函数名的冲突问题。

说明:既是函数表达式的另一种表示形式,又可通过函数声明的方式实现调用。

函数表达式中省略函数名:var fn = function (num1, num2)

 {

return num1 + num2;

};

fn(1, 2);

 自调用方式:(function (num1, num2)

 {

return num1 + num2;

})(2, 3);

处理事件:document.body.onclick = function (){

alert('Hi, everybody!');

};

3.回调函数

概念:所谓回调函数指的就是一个函数A作为参数传递给一个函数B,然后在B的函数体内调用函数A。此时,我们称函数A为回调函数。

提示:匿名函数常用作函数的参数传递,实现回调函数。

应用:函数体中某部分功能由调用者决定,此时可以使用回调函数。

在JavaScript中还为数组提供了很多利用回调函数实现具体功能的方法。find()返回数组中满足回调函数的第一个元素的值,否则返回undefined

every()测试数组的所有元素是否都通过了回调函数的测试

some()测试数组中的某些元素是否通过由回调函数实现的测试

forEach()对数组的每个元素执行一次提供的函数

map()创建一个新数组,其结果是该数组中的每个元素都调用一次提供的回调函数后返回的结果

reduce()对累加器和数组中的每个元素(从左到右)应用一个函数,将其减少为单个值

reduceRight()接收一个函数作为累加器(accumulator)和数组的每个值(从右到左)将其减少为单个值



嵌套与递归

1.函数嵌套与作用域链

概念:在一个函数内部存在另一个函数的声明

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

var iBaseNum= 10; 

function addNum(iNum1, iNum2) { 

function doAdd() { 

return iNum1 + iNum2 + iBaseNum; 

return doAdd();

 }

2.递归调用

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

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



5.闭包函数

1.概念

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

所谓"闭包"指的就是有权访问另一函数作用域内变量(局部变量)的函数。它最主要的用途是以下两点:可以在函数外部读取函数内部的变量。可以让变量的值始终保持在内存中。

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

2.闭包函数的实现

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

<script>

function fn(){

var times = 0;

var c= function (){

return ++times;

};

return c;

}

var count=fn();//保存fn()返回的函数,此时count就是闭包函数

//访问测试

console.log(count());

console.log(count());

console.log(count());

console.log(count());

console.log(count());

</script>

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

推荐阅读更多精彩内容