JavaScript 变量提升

发布于 12-13 13:26 字数 1118 浏览 1101 评论 0

类似 C 语言的编程语言中,花括号内的声明的代码,在代码段之外是看不见的,称为块级作用域;JavaScript 中没有块级作用域,取而代之使用了函数作用域:变量在申明它的函数体内,以及嵌套的任意函数体内都有定义。

function test(o) {
    var i = 0;
    if(typeof o == 'object') {
        var j = 0;
        for(var k = 0; k < 10; k++) {
            console.log(k);
        }
        console.log(k);//10
    }
    console.log(j); //0;
}

有意思的是,变量在声明之前已经可以使用,这个特性被称为声明提前(hoisting):

var scope = 'global';
fucntion f() {
    console.log(scope);//undefined
    var scope = "lobal";
    console.log(scope);//global
}

好的编程习惯是让变量声明和使用变量的代码尽可能靠近,甚至特意将变量声明都放在函数体顶部,能反应变量的作用域。

思考,稍加改动,第一个 console 会输出什么

fucntion f(scope) {
    console.log(scope);//?
    var scope = "lobal";
    console.log(scope);//global
}
f('global');

结果是第一个 console 会输出 global,可以理解为:函数变量 或 内部定义的变量,其实都是设定的作用域内的同一个指针,传入的值会给该变量进行一次初始化,下面的例子可以证明这个结论。

var globalScope = {value:1};
function f(scope) {
    console.log(scope);//{value:1}
    var scope;
    console.log(scope==globalScope);//true
}
f(globalScope);

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

贱贱哒

暂无简介

0 文章
0 评论
521 人气
更多

推荐作者

Gabu-gabumon

文章 0 评论 0

qq_CgiN62

文章 0 评论 0

荔枝明

文章 0 评论 0

¤→小豸慧

文章 0 评论 0

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文