您当前的位置: 首页 » JavaScript/JQuery编程 » Js中变量的查找过程
Js中变量的查找过程
论坛链接
做程序不仅要知其然，更要知其所以然！
Js里的变量应该分两种（我个人的分法，如果有雷同，纯属巧合，呵呵），一种是一般的变量，而另一种我称之为属性变量：
function auth(){
var name='lwx';//这个叫变量
}
var auth={
name:'lwx';//我叫这个为属性变量
}
function auth(){
this.name='lwx';//这个也叫属性变量，看看和第一个有什么不同？
}
这两种形式的变量查找方式是不一样的。
－、在函数的执行过程中，一般变量是只在当前的执行环境和全局变量中查找，而且这里还有一个细节，就是不管你在函数的什么地方声名一个变量，它都会掩盖掉全局变量中的同名变量，并且在你给他赋初值之前它都会赋成undefined。(注意了！多说几遍这句话！)
还是举例说明一下！
var name='shiran';//全局变量
function auth(){
alert(name);
/**
*注意了，因为在函数中有与全局变量同名的变量，所以局部变量会在整个
*函数中把全局变量掩盖掉，所以这里的name本质上局部变量name！如果把
*下面这条语句去掉，name就成全局变量中的那个name了！！
**/
var name='lwx';//局部变量
｝
但是如果换成属性结果就不样了！看例子：
var name='shiran';
function auth(){
alert(this.name);
this.name='lwx';
}
auth.name='test';
下面这句放到body里面，
<div id="test" name="test">tests</div>
注意，一定要睁大眼睛看清楚了！怎么可能，怎么点击一下和点击两下的结果不一样（没办法他就是不一样！）！！！为啥呢！？
这是因为属性是跟对象关联的（在Js里面函数也是对象！查找过程中多了上下文查找），当用户第一次点击的时候，程序执行到alter时，auth对象里还没有一个叫name的属性，程序就到全局变量中查找，结果发现有name这个变量（其实全局变量也是属性，这里的name='shiran'相当于window.name='shiran'），并弹出对话框显示为shiran，然后又执行this.name='lwx'，把auth对象的name属性赋值为'lwx'，而当以后再点击的时候，auth对象已经有了name这个属性，所以就不会再到全局变量中查找了！！
说明一下其实这里的auth.name是迷惑人的，在这没有一点影响，基本相当于有一个叫auth.name的变量，而这个变量跟auth没有任何联系，只是长的像而已！
注意其实这里可以更复杂一点，那就是加上prototype
var name='shiran';
function auth(){
alert(this.name);
this.name='lwx';
}
auth.prototype.name= 'test';
auth();
new auth();
下面这句放到body里面，
<div id="test" name="test">tests</div>
这里你可以得到三种不同的结果！！至于原因下次再讲吧！呵呵！
Js里的变量应该分两种（我个人的分法，如果有雷同，纯属巧合，呵呵），一种是一般的变量，而另一种我称之为属性变量：
function auth(){
var name='lwx';//这个叫变量
}
var auth={
name:'lwx';//我叫这个为属性变量
}
function auth(){
this.name='lwx';//这个也叫属性变量，看看和第一个有什么不同？
}
这两种形式的变量查找方式是不一样的。
－、在函数的执行过程中，一般变量是只在当前的执行环境和全局变量中查找，而且这里还有一个细节，就是不管你在函数的什么地方声名一个变量，它都会掩盖掉全局变量中的同名变量，并且在你给他赋初值之前它都会赋成undefined。(注意了！多说几遍这句话！)
还是举例说明一下！
var name='shiran';//全局变量
function auth(){
alert(name);
/**
*注意了，因为在函数中有与全局变量同名的变量，所以局部变量会在整个
*函数中把全局变量掩盖掉，所以这里的name本质上局部变量name！如果把
*下面这条语句去掉，name就成全局变量中的那个name了！！
**/
var name='lwx';//局部变量
｝
但是如果换成属性结果就不样了！看例子：
var name='shiran';
function auth(){
alert(this.name);
this.name='lwx';
}
auth.name='test';
下面这句放到body里面，
<div id="test" name="test">tests</div>
注意，一定要睁大眼睛看清楚了！怎么可能，怎么点击一下和点击两下的结果不一样（没办法他就是不一样！）！！！为啥呢！？
这是因为属性是跟对象关联的（在Js里面函数也是对象！查找过程中多了上下文查找），当用户第一次点击的时候，程序执行到alter时，auth对象里还没有一个叫name的属性，程序就到全局变量中查找，结果发现有name这个变量（其实全局变量也是属性，这里的name='shiran'相当于window.name='shiran'），并弹出对话框显示为shiran，然后又执行this.name='lwx'，把auth对象的name属性赋值为'lwx'，而当以后再点击的时候，auth对象已经有了name这个属性，所以就不会再到全局变量中查找了！！
说明一下其实这里的auth.name是迷惑人的，在这没有一点影响，基本相当于有一个叫auth.name的变量，而这个变量跟auth没有任何联系，只是长的像而已！
注意其实这里可以更复杂一点，那就是加上prototype
var name='shiran';
function auth(){
alert(this.name);
this.name='lwx';
}
auth.prototype.name= 'test';
auth();
new auth();
下面这句放到body里面，
<div id="test" name="test">tests</div>
这里你可以得到三种不同的结果！！至于原因下次再讲吧！呵呵！