javascript - 关于js作用域及执行环境的问题-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 关于js作用域及执行环境的问题

PHPz 2017-04-11 12:04:41

[JavaScript讨论组]

472

            window.onload = function(){
            var  b = 1;
            alert(this);
            Test();
            }

    function Test(){
         alert(this);
        alert(b);
    }

test方法在onload事件函数里执行，那这方法应该是在onload事件函数的作用域内，同时我打印onload事件的指向与test方法的指向，都是window，不明白为什么方法Test获取不到变量b，往前辈们指点下，谢谢。

PHPz

学习是最好的投资！

全部回复(6)

天蓬老师2017-04-11 12:06:41 6楼

var 声明 b 和调用 b 是在两个独立的代码块内
独立的代码块内声明的变量不能互相调用。
this 指向是调用体所决定的。
调用时是 Test() 这种形式，这和 Test() 在哪写的无关。
你甚至可以将 Test() 理解为 window.Test() ，里面的 this 指向为 window

赞 +0

添加回复

大家讲道理2017-04-11 12:06:41 5楼

函数作用域是在声明时决定的，而不是运行时决定。
因为onload事件函数和test函数平级，自然找不到onload函数中的b咯

赞 +0

添加回复

PHPz2017-04-11 12:06:41 4楼

你先得了解，静态作用域（词法作用域）以及动态作用域的概念。
之后可以了解AO／VO。
javascript 执行环境，变量对象，作用域链

赞 +0

添加回复

天蓬老师2017-04-11 12:06:41 3楼

因为变量b是在onload函数作用域下，并非在window作用域。而Test在全局作用域下声明的，不是在onload函数体内声明的，变量b也不会按闭包方式传入Test函数。

window.onload = function(){
     var b = 1; 
     console.log(this.b)    // undefined 发现没，window下并没有变量b
     Test();
}

window.onload = function(){
     this.b = 1;   
     console.log(this.b);    // 1
     Test();
}
// alert 1

赞 +0

添加回复