Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >js匿名函数和命名函数_javascript中的函数

js匿名函数和命名函数_javascript中的函数

作者头像
全栈程序员站长
发布于 2022-09-27 06:00:03
发布于 2022-09-27 06:00:03
2.9K00
代码可运行
举报
运行总次数:0
代码可运行

大家好,又见面了,我是你们的朋友全栈君。

匿名函数里的对象,跟定义匿名函数页面的上下文有关,而与调用匿名函数的页面无关。

很拗口。举例说明:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//在某个“容器”页面
<div id="map_workspace"></div>
<script> function showWorkSpace(callback, h) { 
     var height = 500; callback("map_workspace",height); } </script>

//在该“容器”页面中的某个iframe页面
<script> parent.showWorkSpace(function (containerId, h) { 
     var container = $("#" + containerId); container.empty().html("<iframe class='frame frameMap' style='width:100%;height:" + h + ";' src='" + url + "'></iframe>"); }); </script>

匿名函数在iframe里定义,而在“容器”页面执行,而$(“#map_workspace”)对象很明显在“容器”页面上,但偏偏,没有获得我们预期的结果。改为:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//在某个“容器”页面
function showWorkSpace(callback, h) { 
   
    var height = 500;
    callback($("#map_workspace"),height);
}

//在该“容器”页面中的某个iframe页面
parent.showWorkSpace(function (container, h) { 
   
    container.empty().html("<iframe class='frame frameMap' style='width:100%;height:" + h + ";' src='" + url + "'></iframe>");
});

效果如愿。

什么道理,我也说不上来,仅作记录。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/189143.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
js的匿名函数_匿名函数
关于函数声明,它最重要的一个特征就是函数声明提升,意思是执行代码之前先读取函数声明。不管函数声明写在前面,还是后面,都会出现函数声明的提升。 如下代码可以正确执行:
全栈程序员站长
2022/11/09
4K0
javascript 匿名函数_定义匿名函数的关键字是
红色括号里面是一个匿名函数,红色括号是分割,表示里面的函数是一个部分,绿色的括号表示一个运算符,表示红色括号里面的函数要运行。
全栈程序员站长
2022/11/09
6930
javascript 匿名函数_定义匿名函数的关键字是
PHP中的回调函数和匿名函数
枕边书
2018/01/04
3.3K0
跨域
浏览器出于安全方面的考虑,只允许与本域下的接口交互(当前页面得url必须和接口得url是同源的)。不同源的客户端脚本在没有明确授权的情况下,不能读写对方的资源。
bamboo
2019/01/29
2.2K0
跨域
JavaScript中匿名函数的困惑
函数字面量(function literal):处理事件的无名函数(nameless function)。函数字面量有时也称为匿名函数(anonymous function)。 可以在onload事件完成所有事件的初始化。 函数字面量最好只被调用一次,而且不是被开发者写的程序代码调用。创建一个函数字面量并直接指派给一个元素的事件属性,而不是创建有名称的函数并指派到它的引用。 如果在代码中不需要函数引用时,为了编写程序的效率,同时不想中规中矩为函数命名,函数字面量(匿名函数)才显得有必要。 匿名函数调用: 调
八哥
2018/01/18
1.3K0
搞明白JavaScript中的匿名函数
到此,你会发现单独运行一个匿名函数,由于不符合语法要求,报错啦!解决方法只需要给匿名函数包裹一个括号即可:
用户1272076
2019/03/26
6350
JavaScript学习笔记+常用js用法、范例(二)
javascript 加入如下语句,出错时会提示 注意: chrome、opera 和 safari 等浏览器不支持 window.onerror 事件(w3c标准没有此事件),需另外捕获出错信息
用户6808043
2022/02/24
2.2K0
匿名函数调用方法_javascript匿名函数
没错,匿名函数简单来说就是普通函数去掉名字,但是他不能单独定义与使用,下面是匿名函数的一些使用场景:
全栈程序员站长
2022/11/14
1.6K0
谈谈PHP中的闭包和匿名函数
闭包是指在创建时封装周围状态的函数。即使闭包所在的环境不存在了,闭包中封装的状态依然存在。 匿名函数就是没有名称的函数。匿名函数可以赋值给变量,还能像其他任何PHP对象那样传递。不过匿名函数仍是函数,因此可以调用,还可以传入参数。匿名函数特别适合作为函数或方法的回调。 注意:理论上讲,闭包和匿名函数是不同的概念。不过,PHP将其视作相同的概念。所以,我们提到闭包时,指的也是匿名函数,反之亦然。 PHP闭包和匿名函数使用的句法与普通函数相同,但闭包和匿名函数其实是 伪装成函数的对象(Closure类的实例) 。
友儿
2022/09/11
1.6K0
PHP回调函数与匿名函数实例详解
本文实例讲述了PHP回调函数与匿名函数。分享给大家供大家参考,具体如下: 回调函数和匿名函数 回调函数、闭包在JS中并不陌生,JS使用它可以完成事件机制,进行许多复杂的操作。PHP中却不常使用,今天来说一说PHP中中的回调函数和匿名函数。 回调函数 回调函数:Callback (即call then back 被主函数调用运算后会返回主函数),是指通过函数参数传递到其它代码的,某一块可执行代码的引用。 通俗的解释就是把函数作为参数传入进另一个函数中使用;PHP中有许多 “需求参数为函数” 的函数,像array_map,usort,call_user_func_array之类,他们执行传入的函数,然后直接将结果返回主函数。好处是函数作为值使用起来方便,而且代码简洁,可读性强。 匿名函数 匿名函数,顾名思义,是没有一个确定函数名的函数,PHP将匿名函数和闭包视作相同的概念(匿名函数在PHP中也叫作闭包函数)。它的用法,当然只能被当作变量来使用了。 PHP中将一个函数赋值给一个变量的方式有四种: ① 我们经常会用到的:函数在外部定义/或PHP内置,直接将函数名作为字符串参数传入。注意:如果是类静态函数的话以CLASS::FUNC_NAME的方式/【php教程_linux常用命令_网络运维技术】/传入。 ② 使用create_function($args, $func_code);创建函数,会返回一个函数名。 $func_code为代码体,$args为参数字符串,以','分隔; ③ 直接赋值:$func_name = function($arg){statement} ④ 直接使用匿名函数,在参数处直接定义函数,不赋给具体的变量值; 第一种方式因为是平常所用,不再多提;第二种类似eval()方法的用法,也被PHP官方列为不推荐使用的方式,而且其定义方式太不直观,我除了测试外,也没有在其他地方使用过,也略过不提。在这里重点说一下第三种和第四种用法; 后两种创建的函数就被称为匿名函数,也就是闭包函数, 第三种赋值法方式创建的函数非常灵活,可以通过变量引用。可以用 is_callable($func_name) 来测试此函数是否可以被调用, 也可以通过$func_name($var)来直接调用;而第四种方式创建的函数比较类似于JS中的回调函数,不需要变量赋值,直接使用; 另外要特别介绍的是 use 关键词,它可以在定义函数时,用来引用父作用域中的变量;用法为 function($arg) use($outside_arg) {function_statement} 。其中$outside_arg 为父作用域中的变量,可以在function_statement使用。 这种用法用在回调函数“参数值数量确定”的函数中。 如usort需求$callback的参数值为两项,可是我们需要引入别的参数来影响排序怎么办呢?使用use()关键词就很方便地把一个新的变量引入$callback内部使用了。 array_map/array_filter/array_walk: 把这三个函数放在一块是因为这三个函数在执行逻辑上比较类似,类似于下面的代码:
用户2323866
2021/06/30
1.3K0
JavaScript开发中几个常用知识点总结
  最近在做项目的时候自己写了一些JavaScipt代码,于是自己又进行简单的查阅资料整理了一下,发现了如下几个比较有用的知识点:
aehyok
2018/08/31
4990
由javascript中"匿名函数调用写法"引出的一些东东
匿名函数自动调用的三种写法如下: var f1 = function(){alert("f1");}(); (function(){alert("f2");}()); void function(){alert("f3");}(); 再来看一段代码: function Person(properties){ for(var p in properties){ (function(context){ var t = p; context["get" + t] = functi
菩提树下的杨过
2018/01/22
1.1K0
详解JavaScript的匿名函数(文末有教程分享)
2、模拟块级作用域,减少全局变量。执行完匿名函数,存储在内存中相对应的变量会被销毁,使用块级作用域,会大大降低命名冲突的问题,不必担心搞乱全局作用域了。
用户10106350
2022/10/28
8410
JavaScript中的匿名函数及函数的闭包
函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数:就是没有函数名的函数。
用户7657330
2020/08/14
1.1K0
JavaScript 匿名函数几种执行方式[通俗易懂]
其中说到了 self-executing anonymous functions,有几种方式,最常见也比较容易理解的是:
全栈程序员站长
2022/11/09
1K0
JavaScript 匿名函数几种执行方式[通俗易懂]
JavaScript 处理Iframe自适应高度的问题
 用到的就是iframe嵌套的页面加载完毕的时候,运用onload事件来获取嵌套在iframe中网页的高度,然后赋值给Iframe的高度即可。
aehyok
2018/09/11
1.7K0
php关于闭包(匿名函数)的理解
匿名函数(Anonymous functions),也叫闭包函数(closures),允许 临时创建一个没有指定名称的函数。最经常用作回调函数(callback)参数的值。当然,也有其它应用的情况。
黄啊码
2020/05/29
1.3K0
php (匿名函数和闭包)
1、闭包和匿名函数在php5.3.0中两个php新特性,使用的也最多,这两个特性听起来很吓人, 其实很容易理解,这两个特性非常有用,每个php开发者都应该掌握。
双面人
2020/04/03
1.1K0
JavaScript匿名函数理解及应用[通俗易懂]
匿名函数顾名思义就是没有名字的函数,在实际开发中经常会用到,也是JavaScript的重点。匿名函数又叫立即执行函数。
全栈程序员站长
2022/11/09
8630
JavaScript匿名函数理解及应用[通俗易懂]
Javascript(2)-js进阶
备注:如果父元素进行了relative/absolute定位,offsetTop/offsetLeft就是相对父元素的顶部和左边的距离,如果父元素默认定位,就是相对浏览器窗口的距离
Python攻城狮
2018/08/23
1.4K0
Javascript(2)-js进阶
相关推荐
js的匿名函数_匿名函数
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验