- 1、本文档共53页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
JavaScript前端开发案例教程第4章-函数-教学PPT
4.2 变量的作用域 多 学 一 招 垃圾回收机制 在开发中若要保留局部变量的值,可以通过以下两种方式实现: // 第1种方式:利用return返回 function test(num) { num = num + 1; return num; } var num = test(24); console.log(num);//输出结果:25 // 第2种方式:利用全局变量保存 var memory; function test(num) { memory = num + 1; } test(24); console.log(memory);// 输出结果:25 4.3 匿名函数 函数表达式 概念:所谓函数表达式指的是将声明的函数赋值给一个变量,通过变量完成函数的调用和参数的传递,它也是JavaScript中另一种实现自定义函数的方式。 4.3 匿名函数 函数表达式 var fn = function sum(num1, num2) { return num1 + num2; }; fn(); sum(); function sum(num1, num2) { return num1 + num2; }; 函数表达式 函数声明方式 ① 函数的定义方式不同 ② 函数的调用方式不同 ③ 函数定义与调用顺序不同 4.3 匿名函数 匿名函数 概念:匿名函数指的是没有函数名称的函数。 作用:可以有效的避免全局变量的污染以及函数名的冲突问题。 说明:既是函数表达式的另一种表示形式,又可通过函数声明的方式实现调用。 4.3 匿名函数 匿名函数 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!); }; ① 函数表达式中省略函数名 ③ 处理事件 ② 自调用方式 4.3 匿名函数 多 学 一 招 箭头函数 概念: ES6中引入了一种新的语法编写匿名函数,我们称之为箭头函数。 特点:一个箭头函数表达式的语法比一个函数表达式更短。 4.3 匿名函数 多 学 一 招 箭头函数 (p1, p2, …, pN) = { statements } 参数 函数体 多个参数:(p1, p2, …, pN) 一个参数:(p1) 或 p1 没有参数:() 或 _ 函数体:{ statements } 返回值:{ return expression; } 函数体只有一条语句:expression 4.3 匿名函数 多 学 一 招 箭头函数 // 设置1个参数 var fn1 = x = x + 2; console.log(fn1(4));// 输出结果:6 // 设置2个参数 var fn2 = (x, y) = x + y; console.log(fn2(1, 2) );// 输出结果:3 示例 4.3 匿名函数 多 学 一 招 箭头函数 值得一提 箭头函数中箭头“=”不是操作符或者运算符,但是箭头函数相比普通的函数受操作符的优先级影响。 4.3 匿名函数 回调函数 概念:所谓回调函数指的就是一个函数A作为参数传递给一个函数B,然后在B的函数体内调用函数A。此时,我们称函数A为回调函数。 提示:匿名函数常用作函数的参数传递,实现回调函数。 应用:函数体中某部分功能由调用者决定,此时可以使用回调函数。 4.3 匿名函数 回调函数 在JavaScript中还为数组提供了很多利用回调函数实现具体功能的方法。 方法名称 功能描述 find() 返回数组中满足回调函数的第一个元素的值,否则返回undefined every() 测试数组的所有元素是否都通过了回调函数的测试 some() 测试数组中的某些元素是否通过由回调函数实现的测试 forEach() 对数组的每个元素执行一次提供的函数 map() 创建一个新数组,其结果是该数组中的每个元素都调用一次提供的回调函数后返回的结果 reduce() 对累加器和数组中的每个元素(从左到右)应用一个函数,将其减少为单个值 reduceRight() 接收一个函数作为累加器(accumulator)和数组的每个值(从右到左)将其减少为单个值 4.3 匿名函数 回调函数 以map()方法为例进行演示,对arr数组中的每个元素都按顺序调用一次回调函数。 var arr = [a, b, c]; arr.map(function(value, index)
文档评论(0)