文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript中的特殊函数怎么使用

2023-07-02 13:39

关注

这篇文章主要介绍“JavaScript中的特殊函数怎么使用”,在日常操作中,相信很多人在JavaScript中的特殊函数怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript中的特殊函数怎么使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

 匿名函数

JavaScript 可以将函数作为数据使用。作为函数本体,它与普通的数据一样,不一定有名字。没有名字的函数被称之为匿名函数。

示例代码如下:

//匿名函数 function(){               //匿名函数,会报错     return '一碗周'; }

但是在 JavaScript 并不支持匿名函数的语法,不过匿名函数有两个应用,如下所示:

回调函数

然函数与任何可以被赋值给变量的数据是相同的,那么它当然可以像其他数据那样被定义、删除、拷贝,以及当成参数传递给其他函数。

当一个函数作为参数传递给另一个函数时,作为参数的函数被称之为回调函数。作为使用回调函数的函数称为目标函数(外层函数)

示例代码如下所示

// 定义一个函数,这个函数有两个函数类型的参数,然后分别执行那两个函数,并返回它们的和。function sum(a, b) { // -> 目标函数  return a() + b()}function one() { // -> 回调函数  return 1;}function two() { // -> 回调函数  return 2;}console.log(sum(one, two)); // 3

执行流程如下:

当执行 sum 函数时,传入两个实参,在 sum 函数中,会将两个实参作为函数执行,并将返回值计算并返回。

匿名回调函数

所谓匿名回调函数,就是目标函数中的参数是没有名称的函数,将上一段代码修改为使用匿名回调函数

// 定义一个函数,这个函数有两个函数类型的参数,然后分别执行那两个函数,并返回它们的和。function sum(a, b) { // -> 目标函数  return a() + b()}console.log(sum(  function () { // -> 匿名回调函数    return 1  },  function () { // -> 匿名回调函数    return 2  })); // 3

带参数的回调函数

function multiplyByTwo(a, b, c, callbakc) {  var i, ar = []  for (i = 0; i < 3; i++) {    // 通过 arguments 对象将传入的参数 * 2,然后传入回调函数进行操作    ar[i] = callbakc(arguments[i] * 2);  }  return ar;}console.log(multiplyByTwo(1, 2, 3,  function (a) { // 匿名回调函数    return a + 2  }));

回调函数的优点:

但是回调函数也是有缺点的,当目标函数的参数是一个回调函数时,回调函数的参数又是另一个回调函数,另一个回调函数的参数还是一个回调函数&hellip;也就是套娃,也就形成了回调陷阱或称回调地狱

自调函数

目前我们已经讨论了匿名函数在回调方面的应用。接下来我们讨论另外一种情况,即自调函数,这种函数可以在定义后立即调用。示例代码如下所示

(  function () {    console.log("自调函数");  })()

这种语法看上去有点唬人,其实没有什么,我们只需将匿名函数的定义放进一对括号中,然后外面再紧跟一对括号即可。

语法结构如下图所示

JavaScript中的特殊函数怎么使用

值得注意的是,自调函数可以命名,但是还是会自调用,如果用函数名调用的话会抛出异常

自调函数除了以上两种方式外,还有以下几种不常用的方式

+ function (v) { // 形参  var w = 100; // 局部变量  console.log("自调函数" + v);}(1);// 实参! function (v) {  var w = 100; // 局部变量  console.log("自调函数" + v);}(2);~ function (v) {  var w = 100; // 局部变量  console.log("自调函数" + v);}(3);

使用即时自调匿名函数的好处是不会产生任何全局变量。

缺点在于这样的函数是无法重复执行的(除非将它放在某个循环或其他函数中)。这也使得即时函数非常适合于执行一些一次性的或初始化的任务。

作为值的函数

将一个函数作为另一个函数的结果并返回,作为结果返回的函数称之为作为值的函数

示例代码如下:

function outer() {  var v = 100;  // 在函数的函数体中定义另一个函数 -> 内部(私有)函数  return function () { // 使用匿名函数    return v * 2  }}var result = outer();console.log(result); // [Function]// 或者下面这种方式与上面那种方式相同function outer1() {  var v = 100;  // 在函数的函数体中定义另一个函数 -> 内部(私有)函数  function inner() {    return v * 2  }  return inner}var result1 = outer1();console.log(result1); // [Function: inner]

这样做的好处是:

到此,关于“JavaScript中的特殊函数怎么使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯