`
uule
  • 浏览: 6352211 次
  • 性别: Icon_minigender_1
  • 来自: 一片神奇的土地
社区版块
存档分类
最新评论

预解析

    博客分类:
  • JS
 
阅读更多

函数预解析:

1、javascript在执行前会进行类似“预解析”的操作:首先会创建一个在当前执行环境下的活动对象,并将那些用var 声明的变量、定义的函数设置为活动对象的属性 但是此时这些变量的赋值都是undefined。

 

2、在javascript解释执行阶段,遇到变量需要解析时,会首先从当前执行环境的活动对象中查找,如果没有找到‍ 而且该执行环境的拥有者有prototype属性时则会从prototype链中查找,否则将会按照作用域链查找 遇到var a = …这样的语句时会给相应的变量进行赋值(注意:变量的赋值是在解释执行阶段完成的,如果在这之前使用变量,它的值会是undefined)。

例子1:

function handle(){      
	 alert(arg1);       
   } ;  
     
   handle();       
   var arg1 = 20;

 结果是:undefined。因为在解释到 var arg1 = 20; 这句之前就打印了arg1的值,此时尚未给arg1赋值。

 

例子2:

 alert(handle);    
 var handle = function (){ 
        alert(20);     
 }; 

 结果:undefined

 

 

handle();

var handle=function (){
      alert("输出");
}

 结果:handle is not a function. 因为在执行handle()这句时,并没有给handle赋值–函数定义。如果改为:

 handle();    
 var handle = function handle (){ 
        alert(20);     
 }; 

 

在IE下会弹出对话框,因为它将var handle…这句同时解释为函数定义,而函数定义在预编译时就应经有值,所以可以执行。但在FF中,依然只解释为一个变量申明,知道执行到这一句时才会赋值。

正因为如此应避免在变量被初始化之前使用变量。

 

 

JavaScript是解释型语言是毋庸置疑的,但它是不是仅在运行时自上往下一句一句地解析的呢?事实上或某种现象证明并不是这样的,通过 《JavaScript权威指南》及网上相关资料了解到,JavaScript有“预解析”行为。理解这一特性是很重要的,不然在实际开发中你可能会遇到 很多无从解析的问题,甚至导致程序bug的存在。为了解析这一现象,也作为自己的一次学习总结,本文逐步引导你来认识JavaScript“预解析”,如 果我的见解有误,还望指正。

(1)如果JavaScript仅是运行时自上往下逐句解析的,下面的代码能正确运行是可以理解的,因为我们先定义函数,然后才调用它。

function showMsg()
{
    alert('This is message');
}
showMsg(); // This is message
 

(2)我们也知道函数可以定义在调用代码之后,如下代码也是能正常工作的。看起来调用showMsg()的时候showMsg()还是没有定义的,但能正常工作,则表明JavaScript是“预解析”的。

showMsg(); // This is message
function showMsg()
{
    alert('This is message');
}
 

(3)上面是函数的例子,下面再来一个普通变量的例子。以下例子运行将会弹出undefined,表明第一句的msg已经是定义了,只是没有初始 化,它与var msg; alert(msg);是一样的。如果你把下面第二句注释掉,则会报“msg未定义”错误。这亦表明JavaScript是“预解析”的。

alert(msg); //undefined
var msg='This is message';
 

(4)再来看一个例子,加深对JavaScript“预解析”印象。以下代码你将看到两次弹出的对话框都是显示This is message 2,为什么会这样呢?其实下面一前一后定义了两个同名函数,后面的showMsg()覆盖了前面定义的(在JavaScript中,同名变量一样会存在覆 盖问题 ),等于第一个showMsg()报废了。为什么第二次调用的showMsg()不是调用它上面定义的那个message 1函数呢?这再次证明JavaScript有“预解析”行为。

showMsg(); // This is message 2
function showMsg()
{
    alert('This is message 1');
}
showMsg(); // This is message 2
function showMsg()
{
    alert('This is message 2');
}
 

(5)JavaScript“预解析”是把变量或函数预解析到它们能调用的环境(变量运行时环境)中。如下代码看起来alert(msg)之前有看 到msg的定义,但是程序运行还是报“msg未定义”错误,这是因为 函数里定义的变量是函数的私有变量,外面不能直接调用 ,这表明JavaScript “预解析”并不是把所有定义的变量统一解析到一个全局对象中 ,比如window。

function showMsg()
{
    var msg='This is message';
}
alert(msg); // msg未定义
 
(6)JavaScript“预解析”是分段进行的,准确说是分<script>块进行的。以下代码出现在同一个页面的两个脚本块中, 同时定义了三个同名函数。程序运行结果表明第二个<script>脚本块的showMsg()没有覆盖前面两个showMsg(),而第一个脚本块的第二个 showMsg()则覆盖了第一个showMsg()
<body>
<script type="text/javascript">
showMsg(); //This is message 2
function showMsg()
{
    alert('This is message 1');
}
function showMsg()
{
    alert('This is message 2');
}
</script>

<script type="text/javascript">
function showMsg()
{
    alert('This is message 3');
}
</script>
</body>
 来源:http://archive.cnblogs.com/a/1984625/
。。。
分享到:
评论

相关推荐

    预解析&作用域1

    预解析&作用域1 预解析是 JavaScript 中的一个重要概念,它指的是在 JavaScript 文件或 script 标签中的代码在正式开始执行之前,进行的一些解析工作。这个工作很简单,就是在全局中寻找 var 关键字声明的变量和...

    js 预解析 题目 答案 解析

    js 预解析 题目 答案 解析

    预解析自定义的笔记

    js 预解析

    网络游戏-一种网络数据包负载均衡和预解析方法.zip

    在网络游戏领域,网络数据包的负载均衡和预解析方法是至关重要的技术,它们直接影响到游戏的性能、稳定性以及用户体验。本文将深入探讨这两种方法,并基于提供的"一种网络数据包负载均衡和预解析方法.pdf"文件内容...

    理解 JavaScript 预解析

    JavaScript具有"预解析"(也称为"提升")这一特殊的特性,这使得在代码执行前,解释器会先进行一次扫描,处理变量声明和函数声明。理解预解析对于编写有效的、无错误的JavaScript代码至关重要。 首先,预解析不会...

    详解JS预解析原理

    JavaScript中的预解析(也称为预声明)是一种在代码执行前解析和处理变量和函数声明的过程。这个机制确保了变量和函数在使用前已经被声明,从而避免了潜在的错误。预解析分为两个不同的部分:变量的预解析和函数的预...

    JavaScript 预解析的4种实现方法解析

    预解析:在当前作用域下,js运行之前,会把带有var和function关键字声明的变量先声明,并在内存中安排好。然后从上至下解析js语句。而且function的声明优先于var声明。 不多说,,直接上代码 正规写法: var num=10;...

    浅谈js script标签中的预解析

    了解并掌握预解析的工作原理对于编写高质量和高效的JavaScript代码至关重要。本文将详细探讨script标签中的预解析机制,以及其在实际开发中对代码执行行为的影响。 首先,预解析是指浏览器在执行JavaScript代码之前...

    dns-prefetch是什么 前端优化:DNS预解析提升页面速度

    DNS预解析(DNS Prefetching)是一种前端优化技术,旨在提升网页加载速度和用户体验。在互联网中,DNS(Domain Name System)负责将域名转换为对应的IP地址,以便浏览器能够找到并加载相应的资源。然而,这个过程...

    详解js的作用域、预解析机制

    虽然,ES6在我们工作中应用得越来越广泛,但是还是很多项目保留着ES5的写法,所以,今天,带着大家重新巩固下ES5下的作用域及预解析机制。 概念: 作用域:域,指的是一个空间、范围、区域,作用指的是在域内可进行...

    JavaScript预解析及相关技巧分析

    本文实例讲述了JavaScript预解析及相关技巧。分享给大家供大家参考,具体如下: 变量 同样,以这两个小例子的错误对比提示开始。 alert&#40;y1&#41;; //代码段1 var y1 = 'dddd'; alert&#40;y2&#41;; //代码段2 // ...

    浅谈js中的变量名和函数名重名

    今天骚凯问了一道变量名冲突的题目,感觉很有意思,顺便也复习一下预解析的一些知识,有不对的地方忘前辈大神指正,题目是这样的: var a=100; function a(){  console.log(a); } a(); 这个串代码执行完会报错 : ...

    js作用域和作用域链及预解析

    作用域链和预解析是作用域相关的两个重要知识点。下面我们详细介绍作用域、作用域链以及预解析,并结合示例代码来深入理解这些概念。 1. JavaScript作用域 JavaScript中的作用域主要分为两种:局部作用域和全局作用...

Global site tag (gtag.js) - Google Analytics