JavaScript变量作用域

全部变量拥有全局作用域,局部变量拥有局部作用域(这里注意函数的参数也是局部变量)

1.在函数体内,局部变量的优先级高于同名的全局变量。

我的理解就是当你同时定义了同名的局部变量和全局变量时,函数体内返回的将是局部变量的值。

例如:

var scope="我是全局变量";
function checkscope(){
    var scope="我是局部变量";
     console.log(scope);
}
checkscope();

输出:我是局部变量

这里需要注意的是,在声明全局变量时可以省略Var(在函数体内如果不用var声明局部变量那么这个变量将是全局变量,那么,但是声明局部变量时一定要声明,否则容易扰乱全局变量的作用域

 scope="我是全局变量";
function checkscope(){
     scope="我是局部变量";
     console.log(scope);
}
checkscope();
console.log(scope);

输出:我是局部变量

我是局部变量

按道理第二个输出的应该是全局变量,但由于函数体内声明了同名的全局变量,这里就扰乱了全局变量的作用域。

下面讲一下局部作用域嵌套的情况

var scope="我是全局变量";
function checkscope(){
    var scope="我是局部变量";
     function nested(){
         var scope="嵌套的局部变量";
          console.log(scope);
     }
    return nested();
}
checkscope();

输出:嵌套的局部变量
这个对于后面学到的闭包的理解会很有帮助。

2.函数作用域和函数声明提前

(1)要明确的就是在Javascript中是没有块级作用域的,取而代之的是函数作用域

(2)变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。

(3)Javascript函数作用域是指在函数内声明的所有变量在函数体内始终都是可见的。

这是什么意思呢?如果学过别的语言一定觉得很神奇了。在C语言中变量都是要先定义后使用的,而这里并不需要。只要你所使用的变量在函数体内有过定义,使用这个变量是可以在函数体内的任意位置的。这就是JS声明提前的魔力了,意思就是JS会自动将变量的声明提到顶部,举个例子:

var scope="我是全局变量";
function f(){
     console.log(scope);
     var scope="我是局部变量";
      console.log(scope);
}
f();

输出:undefined
        我是局部变量
如果不知道声明提前肯定会觉得第一个输出会是“我是全局变量"但实际上,在函数顶部以及声明提前了,局部变量scope已经定义只不过没有赋值,所以为undefined

3.作为属性的变量

JS全局变量是全局对象的属性(这里要注意用var声明的全局变量表示创建的这个属性是不可配置的不可用delete运算符删除),也可以用this关键字引用全局对象,这个是可配置可删除的。

ar truevar=1;
fakevar=2;
this.fakevar2=3;
console.log(delete fakevar);
console.log(delete truevar);
console.log(delete this.fakevar2);

输出

true
false
true

4.作用域链

明白两点:

1.全局变量在程序中始终有定义

2局部变量在函数体内以及嵌套的函数体内始终有定义。

在书上看到一种容易理解的方法:

把一个局部变量看做是自定义实现的对象的属性。那么每一个函数或者全局函数都有一个作用链域,这个作用域链是一个对象列表或者链表。当查找一个变量x时,从链中的第一个对象查找,有这个属性就使用,没有就继续向下查找,整个作用链域上都没有就抛出引用异常。

在JS的顶层代码中,作用链域组成:

1:定义函数参数和局部变量的对象

2:全局对象

嵌套函数的作用域链:

1.定义外层函数时保存的作用域链

2.调用函数时,创建的新的对象存储局部变量,那么这个对象就保存到1中提到的作用域链中,然后创建一个新的更长的表示函数调用的作用域链。

3.对于嵌套函数,每次调用外部函数,内部函数就会重新定义一遍,就会产生新的作用域链。

时间: 2024-10-14 04:28:31

JavaScript变量作用域的相关文章

第一百零六节,JavaScript变量作用域及内存

JavaScript变量作用域及内存 学习要点: 1.变量及作用域 2.内存问题 JavaScript的变量与其他语言的变量有很大区别.JavaScript变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已.由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变. 一.变量及作用域 1.基本类型和引用类型的值 ECMAScript变量可能包含两种不同的数据类型的值:基本类型值和引用类型值.基本类型值指的是那些保存在栈

深入浅出JavaScript变量作用域

在学习JavaScript的变量作用域之前,我们应当明确几点: JavaScript的变量作用域是基于其特有的作用域链的. JavaScript没有块级作用域.赌王娱乐城 函数中声明的变量在整个函数中都有定义. 1.JavaScript的作用域链 首先看下下面这段代码: <script type="text/javascript"> var rain = 1;     function rainman(){     var man = 2;     function inn

深入理解JavaScript变量作用域

JS变量作用域特点: a.JS变量作用域是基于其特有的作用域链的. b.JavaScript没有块级作用域. c.函数中声明的变量在整个函数中都有定义. 1.作用域链 var rain = 1 ; function rainman(){ var man = 2 ; function inner(){ var innerVar = 4; alert(rain); } inner(); // 调用inner函数 } rainman(); // 调用rainman函数 观察alert(rain);这句

JavaScript变量作用域(Variable Scope)和闭包(closure)的基础知识

在这篇文章中,我会试图讲解JavaScript变量的作用域和声明提升,以及许多隐隐藏的陷阱.为了确保我们不会碰到不可预见的问题,我们必须真正理解这些概念. 基本定义 作用范围是个“木桶”,里面装着变量.变量可以是局部或者全局性的,但在子范围中定义的变量是可以访问父范围的,这一点可能会造成一些困扰. 在JavaScript中使用"var"关键字声明变量.一旦在父范围宣声明,就会作为各自子范围的一部分.即在本地范围内有效,但本地定义的变量不可在全局范围内访问. 让我们来看一个例子.执行下面

javascript变量作用域与内存

第四章 变量作用域与内存基本类型 5种Undefined Null Boolean Number String 两种变量类型 基本类型与引用类型注意:String 再其他语言中是引用类型,再javascri中为基本类型即:这五种基本类型是按值访问的 引用类型是按照引用访问的 动态的属性对于一个引用类型,一个引用变量被赋值后,可以为其添加属性,也可以删除与修改其属性var o = new object();o.name = "qi"; //可以为引用变量添加属性 变量的复制基本类型的复制

JavaScript变量作用域和内存问题(js高级程序设计总结)

1,变量 ECMAScript和JavaScript是等同的吗?个人认为是否定的.我的理解是这样的,ECMAScript是一套完整的标准或者说协议,而JavaScript是在浏览器上实现的一套脚本语言.也就是说,ECMAScript是JavaScript的父类标准.JavaScript是ECMAScript的具体实现.所有ECMAScript定义的数据类型或者语言特性实际上都是伪代码的形式规定的.当然如果可以,ECMAScript也可以有服务器实现,单片机实现(不一定恰当).如果说ECMAScr

JavaScript 变量作用域 详解

变量作用域要点 - 在JavaScript中没有块级作用域,只有函数作用域 - 在函数体内,局部变量的优先级高于同名的全局变量 - 在全局作用域编写代码时可以不写var语句,但声明局部变量时必须使用var语句 - 函数作用域是指在函数内声明的所有变量在函数体内始终是可见的,变量在声明之前已经可用JavaScript的这个特性被非正式的称为*声明提前* - 函数内的变量声明提前至函数体顶部,同时变量初始化留在原来的位置 - 但声明一个JavaScript全局变量时,实际上是定义了全局对象的一个属性

javascript 变量作用域[初级简单]

通过一下3个小例子先去理解一下变量作用域的作用. 1----------------------------function aaa(){ var a=12; //局部变量:定义在一个函数里,只能在这个函数里用} function bbb(){ alert(a);//a is not defined} aaa();bbb();2-----------------------------var a; //全局变量:不定义在任何一个函数里,可以在任何地方去用 function aaa(){ a=12

读书笔记——javascript变量作用域

<JavaScript权威指南>第6版第三章第10节: 一个变量的作用域(scope)是程序源代码中定义这个变量的区域.全局变量拥有全局作用域,在JavaScript代码中的任何地方都是有定义的.然而在函数内声明的变量只在函数体内有定义.它们是局部变量,作用域也是局部的.函数参数也是局部变量,它们只在函数体内有定义.   在函数体内,局部变量的优先级高于同名的全局变量.如果在函数内声明的一个局部变量或函数参数中带有的变量和全局变量重名,那么全局变量就被局部变量所遮盖. var scope =