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

全栈程序员站长

发布于 2022-09-27 14:00:03

2.7K0

发布于 2022-09-27 14:00:03

文章被收录于专栏：全栈程序员必看

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

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

很拗口。举例说明：

//在某个“容器”页面
<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”)对象很明显在“容器”页面上，但偏偏，没有获得我们预期的结果。改为：

//在某个“容器”页面
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 删除

java