javascript 方法中修改全局变量 js函数修改全局变量

文章目录

• 作用域

• 全局作用域
• 函数作用域

• 变量提升

• 初始化问题

• 严格模式

作用域

全局作用域

直接编写在script标签内的代码，都在全局作用域。其实就是在函数外部定义的。全局作用域在页面打开时创建，在页面关闭时销毁。在全局作用域有一个全局对象window，我们可以直接使用它。而且所有的全局变量都是window的属性，全局函数都是window的方法。全局变量在任何地方都可以访问。

var x=5;
console.log(x);
console.log(window.x);
func();
function func(){
 console.log(x);
}

函数作用域

调用函数时创建函数作用域，函数结束后销毁函数作用域。每一个函数的作用域都是独立的。在函数内使用变量会先在自身作用域内查找，如果没找到就去上一级作用域查找……

var x=5;
func();
function func(){
    alert(x);
}

var x=5;
        func();
        function func(){
            var x=10;
            alert(x);
        }

变量提升

在js中，函数及变量的声明都将被提升到最顶部，所以变量和函数可以先使用再声明。所以下面两种写法的效果是一样的(只测试变量提升，函数就不测试了)：

x=5;
alert(5);
var x;

var x;
x=5;
alert(5);

初始化问题

但是这里有一个隐藏的问题，就是变量的初始化并不会随着声明一起提升。举个例子：

var x=5;
alert(x);

alert(x);
var x=5;

第一种情况很好理解，第二种情况是因为$x$的声明被提前了，但是初始化并没有被提前，所以在执行$alert(x)$时它的值是$undefined$。

严格模式

JavaScript 严格模式（strict mode）即在严格的条件下运行。它不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。“use strict” 的目的是指定代码在严格条件下执行。严格模式下你不能使用未声明的变量。

//"use strict";
x=5;
alert(x);

"use strict";
x=5;
alert(x);

我们应该尽量使用严格模式，它消除了Javascript语法的一些不合理、不严谨之处，减少一些怪异行为。