<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>西红柿爱番茄 &#187; 预读机制</title>
	<atom:link href="http://www.ilovejs.net/archives/tag/%e9%a2%84%e8%af%bb%e6%9c%ba%e5%88%b6/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ilovejs.net</link>
	<description>到了创造为主的阶段，不忘继续学习</description>
	<lastBuildDate>Thu, 15 Dec 2011 06:18:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>javasript预读机制小析</title>
		<link>http://www.ilovejs.net/archives/1050</link>
		<comments>http://www.ilovejs.net/archives/1050#comments</comments>
		<pubDate>Thu, 22 Jul 2010 12:26:25 +0000</pubDate>
		<dc:creator>Supersha</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[预读机制]]></category>

		<guid isPermaLink="false">http://www.ilovejs.net/?p=1050</guid>
		<description><![CDATA[javasript的预读机制说的直白点就是其他语言中所谓的“编译”，在代码运行之前对代码进行review一遍，把一些使用var和function声明的变量和函数提起读进内存里，并分配空间，初始化为undefined。等到代码运行的时候再进行相应的赋值。 简单的预读原理，相信很多人都已经知道了，比如： [javascript] alert(test); //output:undefined var test = &#34;supersha&#34;; //========================= alert(typeof fn); //output:function function fn(){} //========================= alert(typeof fn2); //output:undefined var &#8230; <a href="http://www.ilovejs.net/archives/1050" class="more-link">了解更多</a>]]></description>
			<content:encoded><![CDATA[<p>
javasript的预读机制说的直白点就是其他语言中所谓的“编译”，在代码运行之前对代码进行review一遍，把一些使用var和function声明的变量和函数提起读进内存里，并分配空间，初始化为undefined。等到代码运行的时候再进行相应的赋值。
</p>
<p>简单的预读原理，相信很多人都已经知道了，比如：<br />
[javascript]<br />
alert(test);  //output:undefined<br />
var test = &quot;supersha&quot;;<br />
//=========================<br />
alert(typeof fn); //output:function<br />
function fn(){}<br />
//=========================<br />
alert(typeof fn2); //output:undefined<br />
var fn2 = function(){}<br />
[/javascript]</p>
<p>
上面是非常普通的原理，大家都能理解。但是有两个对于新手来说比较难懂的方面：“函数第一，变量第二”、“作用域环境”。
</p>
<p>
“函数第一、变量第二”，在这里的意思是在预读过程中，当遇到使用function声明的函数的时候，会先预读，即时后面使用var声明了同名的变量，也不会在内存中覆盖；而使用var声明的变量会受到后面使用var声明的同名变量的覆盖。需要注意的是，使用var的形式声明的函数字面量在预读的时候也是被当作一个变量来对待，它会受到同名变量的覆盖。但是，这里所的覆盖有一个大前提，<em><strong>需要在同一个作用域内</strong></em>。这就是“作用域环境”的意思，需要明白这点：在不同的作用域内，使用var声明的同名变量、函数在预读的时候是互相不干扰的。比如：
</p>
<p>[javascript]<br />
var url = &quot;www.ilovejs.net&quot;;<br />
function fn(){<br />
  alert(url);  //output:undefined<br />
  var url = &quot;www.ilovejs.com&quot;;<br />
  alert(url); //output:www.ilovejs.com<br />
}<br />
fn();<br />
alert(url); //output:www.ilovejs.ne<br />
[/javascript]<br />
上面的情况就涉及到作用域环境的问题了，两个使用var声明的url变量在不同的作用域内，相当于“独立”的变量，互相不干扰。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ilovejs.net/archives/1050/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

