奇怪的JavaScript作用域问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了奇怪的JavaScript作用域问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1503字，纯文字阅读大概需要3分钟。

内容图文

var c = 1;

function myFunction(){
    c = 2;
    var c = 4;
    console.log(c);
}

console.log(c);
myFunction();
console.log(c);

为什么最后一个console.log吐出1？这是应该在我的大脑中起作用的方式：

var c = 1; // create global variable called 'c'

function myFunction(){
    c = 2; // assign value of global 'c' to 2
    var c = 4; // create a new variable called 'c' which has a new address in memory (right?)  with a value of 4
    console.log(c); // log the newly created 'c' variable (which has the value of 4)
}

console.log(c); //log the global c
myFunction(); //log the internal c
console.log(c); //log the updated global c

解决方法:

在console.log运行的范围内,仅存在全局变量.而且该函数永远不会触及全局变量.

细节：

var c = 1; // create global variable called 'c'

function myFunction(){
    // the global is unavailable here, as you declared a local c.
    // Its declaration is hoisted to the top of the function, so
    // c exists here, and its value is undefined.
    c = 2; // assign value of local 'c' to 2
    var c = 4; // change local c to 4
    console.log(c); // log local c (4)
}

console.log(c); //log the global c
myFunction(); //log the internal c
console.log(c); //log the global c (which never changed)

由于上述提升,您的函数的行为类似于以下代码：

function myFunction(){
    var c; // declares a local c that shadows the global one
    c = 2;
    c = 4;
    console.log(c);
}

有关起重的一些参考

> MDN page for the var statement
> MDN scope cheatsheet
> How are javascript variables “hoisted” in these examples from MDN
> Javascript hoisting explained
> JavaScript Scoping and Hoisting

内容总结

以上是互联网集市为您收集整理的奇怪的JavaScript作用域问题全部内容，希望文章能够帮你解决奇怪的JavaScript作用域问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端