JavaScript作用域问题:预解析、全局与局部作用域解析、作用域链
来源:互联网 发布:佚名是谁 知乎 编辑:程序博客网 时间:2024/05/14 20:38
JavaScript作用域问题:预解析、全局与局部作用域解析、作用域链
要想了解JS作用域问题,就要先了解浏览器的JS解析器的工作方式,当浏览器读到script脚本代码时,JS解析器便开始工作。其工作步骤主要分为两部分:
JS解析器:
1.“找一些东西”(预解析):var function 参数
例:
alert(a); //undefined var a=1; alert(a); //1 function fn1(){alert(2);}
JS解析器会先找到var function 参数进行预解析。
找到var定义的变量a时,解析为a = 未定义,不会读取具体值。换句话说,所有的变量,在正式运行之前,都提前赋了一个值——未定义。
读到funtion时,解析为:fn1=function fn1(){ alert(2);}。所有的函数,在正式运行代码之前,都是整个函数块
2.逐行解读代码:
JS解析器在正式读取JS代码时,会先读取预解析得出的结果,所以本例会首先弹出undefined, 当正式读到a=1时,就会修改预解析时得到的值,此时弹出a的值就为1。
例:
alert(a); //报错 a=1;
注:因为a没有var声明,所以预解析不到a的值,正式读取代码时找不到a,浏览器会报错。
以下是一些具体例子,会逐步加深对作用域的理解:
例:
alert(a); //function a(){ alert(4);}var a=1;alert(a); //1function a(){ alert(2);}alert(a); //1var a=3;alert(a); //3function a(){ alert(4);}alert(a); //3a(); //报错,最后解析器中保存的是3
分析:
预解析过程: a=..., a=function a(){ alert(2);} a=..., a=function a(){ alert(4);}
注:浏览器首先进行预解析,预解析结果如上方所示。浏览器在进行预解析时,遇到重名的变量和函数时,会留下函数;遇到重名的多个函数时,会留下后声明的函数。当正式读到代码时,就会修改预解析时保存的值,要记住表达式会修改预解析的值,但函数声明不会修改预解析的值。
例:
var a=1;function fn1(){ alert(a); var a=2;}fn1(); //undefinedalert(a); //1
分析:
预解析: a=未定义; fn1=function fn1(){ alert(a); var a=2; } 逐行读代码: a=1; 预解析: a=未定义; 逐行读代码:a=2;
本例会进行两次预解析,如上所示,函数内定义的变量只在函数内起作用,所以最后弹出a的值为1。
例:
var a=1;function fn1(){ alert(a); a=2;}fn1(); //1alert(a); //2
分析:此处函数内的a未用var声明,预解析函数时找不到任何a的信息,所以会跳到作用域外去找a,这称作作用域链,此时a=1.
例:
var a=1;function fn1(a){ alert(a); a=2;}fn1(); //undefinedalert(a); //1
分析:函数参数a相当于var a=…,所以函数进行预解析时a=未定义
1. 预解析: a=..., function fn1(a){ alert(a); a=2; } 2.逐行读代码: 全局a=1; 函数调用:预解析a=...;逐行读代码a=2,但函数外部全局变量a值不变
例:
var a=1;function fn1(a){ alert(a); a=2;}fn1(a); //1:这个参数来自于全局量a=1;alert(a); //1
注:在执行函数时,会先从函数参数开始读取代码,所以参数a被赋值为1.
- JavaScript作用域问题:预解析、全局与局部作用域解析、作用域链
- 浏览器中的JS解析器 作用域 作用域链 全局作用域 局部作用域
- JavaScript 作用域链解析
- JavaScript 作用域链解析
- JavaScript 作用域链解析
- javascript域解析与作用域
- 作用域&预解析
- 【ThinkingInC++】27、全局作用域解析
- JavaScript 作用域和作用域链 解析
- JavaScript中作用域和作用域链解析
- js全局变量与局部变量 预解析与作用域链详解
- javascript中的作用域和预解析
- javascript作用域链例子解析
- javascript作用域链的概念解析。
- 作用域解析及作用域链
- 深入解析JavaScript闭包:从作用域与作用域链s
- 全局作用域,局部作用域,语句作用域,类作用域,命名作用域和文件作用域(转载)
- JavaScript作用域与作用域链
- TCP/IP 面试题整理
- ios 方法 HTML数据中去除 标签
- mysql group by 用法解析(详细)
- poj--3630--Phone List(字典树+前缀判断)
- 杭电2803The MAX
- JavaScript作用域问题:预解析、全局与局部作用域解析、作用域链
- iOS 自动计算 高度
- java读取csv文件
- C语言基础-#include
- 代理delegate与通知Notification、block的使用区别
- 2015南阳ccpc L题
- iOS 使用Charles(青花瓷)抓包并篡改返回数据图文详解
- 比较好的GIS博客
- Design TabLayout+ViewPager+Fragment,选中请求数据+缓存