您现在的位置是:php教程网 > 编程技术 >

[db:作者] 2019-09-10 00:33 PHP学习

javascript作用域有几种类型?

作用域是可访问的变量的集合;在JavaScript中,作用域为可访问变量,对象,函数的集合。那么在JavaScript中有几种作用域类型?下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

javascript作用域有两种类型:局部作用域、全局作用域。

全局作用域(Global Scope)

变量在函数外定义为全局变量,全局变量有局作用域:网页中的所有脚本和函数均可使用。

在代码中任何地方都能访问到的对象拥有全局作用域,一般来说以下几种情形拥有全局作用域:

 1、最外层函数和在最外层函数外面定义的变量拥有全局作用域

 2、所有末定义直接赋值的变量自动声明为拥有全局作用域

 3、所有window对象的属性拥有全局作用域

一般情况下,window对象的内置属性都拥有全局作用域,例如window.name、window.location、window.top等等。

局部作用域(Local Scope)  

变量在函数内部声明为局部作用域。

和全局作用域相反,局部作用域一般只在固定的代码片段(例:函数)内部可访问到,最常见的例如函数内部,所有在一些地方也会看到有人把这种作用域称为函数作用域。

总之呢,当JS解析器执行时,首先就会在执行环境里构建一个全局对象,我们定义的全局属性就是做为该对象的属性读取,在顶层代码中我们使用this关键字和window对象都可以访问到它。

而函数体中的局部变量只在函数执行时生成的调用对象中存在,函数执行完毕时局部变量即刻销毁。

因此在程序设计中我们需要考虑如何合理声明变量,这样既减小了不必要的内存开销,同时能很大程度地避免变量重复定义而覆盖先前定义的变量所造成的Debug麻烦。

示例1:

(function() {
   var a = b = 5;
})();
console.log(b);

上面的代码将输出

5

这个问题的诀窍是,这里有两个变量声明,但 a 使用关键字var声明的。代表它是一个函数的局部变量。与此相反,b 变成了全局变量。

示例2:

var wow = 'hello'; 
var message = function(){     
  var _wow = 'world';
}

在这个例子中全局环境中包含了两个对象(全局环境的变量对象不算),window.wow和window.message,而这个message函数中又包含了两个对象,它自己的变量对象(其中定义了arguments对象)和全局环境的变量对象。

当这个函数开始执行时,message自己的变量对象中定义了_wow,而它的全局环境的变量对象有wow,假设在message中alert一下wow,实际上是message中包含的全局环境的变量对象.wow,于是可以访问。

以上就是javascript作用域有几种类型?的详细内容,更多请关注html中文网其它相关文章!

上一篇:上一篇:TypeScript是什么?

下一篇:下一篇:typescript和javascript的区别是什么