美文网首页
javascript的作用域问题(1)

javascript的作用域问题(1)

作者: 御姐优 | 来源:发表于2015-03-28 16:33 被阅读56次

记录下来以便未来看看现在的自己!

在一开始学习javascript遇到的问题实际是 this 这个问题,但看过书中的讲解后就理解了,但是  javascript的作用域问题,书本看了几遍也不是很理解,随着练习的增多,遇到 javascript作用域的情况增多了,所以想着 好好理解一下 javascript的作用域问题,  下面是我自己的理解。

我们在 学习javascript的时候知道  变量分为两种:全局变量和局部变量。

实际把变量这么分无非就是这个变量所能运行的环境,或者说是变量的作用环境, 全局变量是在整个代码内部都可以利用,而 局部变量实际只有一种,只在 函数内部。

在函数内部声明一个变量,那这个变量的作用环境就只有这一个函数而已,别的函数没法用这个变量,外部也没法用这个变量。

不过有一点,虽然函数外部不能用函数内部的变量,但函数内部可以用父级的变量,这也是闭包的特性之一,全局变量实际是在window层级的变量,所以在任何变量内部都可以用全局变量。

看下面的例子:

var a = 45;

function bb () {

alert(a);   //45

var b= 12;

}

bb();

alert(b);  // b is not defined

可以看到在函数内部 是可以用 全局变量 a的,但在函数外部不可以用 函数内部变量 b,如果有兴趣你可以试试  函数嵌套函数,来试试 最里面的函数可不可以 用它父级函数里面的变量?

现在开始了解一下,代码在运行的时候都发生了什么?

实际在我们写好代码的时候,浏览器的解析器在没有运行之前就看过我们的代码,就是大致的看看都有什么?当然 速度很快所以我们让我们认为 代码就直接运行了。

在大致看代码的时候。会看关键字的,关键字就是   var  function 和 参数 。

来看下面的代码:

var a=12;

alert(a); //12

function asd(){

alert(b);//undefined

var b= 45;

alert(b); //45

}

asd();

在代码没有运行之前,先看 关键字,第一行 发现一个  var ,那么在浏览器内部就会知道声明了一个变量 a,但现在还不知道值,所以在一开始声明的变量的值都是 undefined, a=undefined;

由于alert(a)这一行没有关键字,所以浏览器内部不做任何行为,直接下一行,

好了,看到了 function这个关键字,那么在js解释引擎就会在 内部有一个函数 asd,但同样的知道有一个函数但函数内部有什么都不知道。

好了发现下面没有代码了,好开始一行一行的运行。

看到第一行 var a =12;好把刚才存入的变量的值从 undefined变成12,第二行是 弹出

a的值,所以就弹出了 12;

而下面是个函数,在函数没有被调用之前看到函数直接跳过,好 下一行就是 调用 asd这个函数,

因为函数是局部变量的作用域,所以在看到调用函数的时候,开始对函数内部进行解析,还是先看关键字 var

function 和参数,

第一步看到一个  var,所以在函数内部 有了一个变量 b,但同样的 b的值还是 undefined,再看其他的关键字,没有了其他关键字,所以开始一步一步的执行代码。

第一步看到一个 alert(b)吧,好刚才有个变量 b,但值还是undefined,所以弹出undefined,第二行 var b = 45;所以在函数内部 b的值就从undefined变成了 45,下一行alert(b),就理所当然的弹出了 45。

所以在我们的代码没有运行之前,浏览器会先解析我们的代码,看看几个关键字。

好了这篇文章先讲到这里, 还会有下一篇,会介绍  当变量 前面没有  var 这个关键字会怎么样?同时如果有同名的变量和函数会怎么样? 作用域链是什么?

相关文章

  • javascript基础知识问答-作用域和闭包

    1.理解词法作用域和动态作用域2.理解JavaScript的作用域和作用域链3.理解JavaScript的执行上下...

  • 2018-04-11

    JavaScript作用域链浅析 1、作用域 作用域指的是变量存在的范围。在ES5规范中,JavaScript只有...

  • JS基础---05作用域

    JavaScript基础 1 - 作用域 1.1 作用域概述 全局作用域 局部作用域(函数作用域) 1.2 全局作...

  • 「JS」变量作用域

    作用域介绍静态作用域动态作用域 JavaScript 变量作用域词法环境组成创建结构关于词法环境的问题with 语...

  • JavaScript作用域

    JavaScript作用域 1.作用域 JavaScript的作用域与C、Java等语言不同,它不是以花括号包围的...

  • js作用域、作用域链、闭包

    作用域 1.javascript局部作用域 变量在函数内部声明,变量为局部作用域. 2.javascript全局变...

  • javascript的作用域问题(1)

    记录下来以便未来看看现在的自己! 在一开始学习javascript遇到的问题实际是this这个问题,但看过书中的讲...

  • 31.JavaScript-函数中变量作用域

    作用域 1. 在JavaScript中{}外面的作用域,我们称之为全局作用域2. 在JavaScript中函数后面...

  • JavaScript 作用域

    1.在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。 JavaScript 函数作用域: 作...

  • 你不知道的javascript--eval,with

    1.作用域javascript如同其他语言一样同样的有其作用域,我们把javascript的作用域可看做是自定的一...

网友评论

      本文标题:javascript的作用域问题(1)

      本文链接:https://www.haomeiwen.com/subject/juunxttx.html