js父级函数调用子函数出现函数未定义问题

最新推荐文章于 2022-12-14 10:23:35 发布

2b0x

最新推荐文章于 2022-12-14 10:23:35 发布

阅读量2.3k

点赞数

分类专栏：学习记录文章标签： JavaScriptzuoy作用域链 setTimeout的作用域问题 js父级函数无法调用内部子函数

本文链接：https://blog.csdn.net/SoulArbiter/article/details/78079058

版权

博客探讨了在JavaScript中，父级函数尝试调用子函数时遇到的'pageScroll is not defined'错误。问题源于setTimeout的执行机制，它在回调中使用eval执行字符串，导致执行环境切换到window，使得子函数无法被找到。解决方案是将setTimeout的参数由字符串改为对象引用。

摘要由CSDN通过智能技术生成

首先定义了一个全局函数Locating，又在Locating内定义了一个局部函数pageScroll，然后我全局函数调用pageScroll时，报错Uncaught ReferenceError: pageScroll is not defined。

代码如下：

function Locating(locate,time){
        console.log(locate+' -- '+time);
        var div_locate=document.getElementById(locate);
        var window_top_y = document.body.scrollTop;//获取滚动条顶部距离页面顶部的距离
        var element_top_y = div_locate.offsetTop;//获取某元素顶部距离页面顶部的距离
        var distance =   window_top_y-element_top_y;//当前窗口与顶部的距离
        var time = time;
var move_distance = time>50?Math.ceil((distance/Math.ceil(time/50))):distance;//每次移动的距离
        //每次移动的位移应为distance/duration，要移动的位置为element_top_y，
          function pageScroll() {
            var top = document.body.scrollTop;//获取滚动条顶部距离页面顶部的距离
            var dis_top