理解js 的作用域链 原型链 闭包 词法分析

1、作用域链　　

<script type="text/javascript">
//作用域链
b = '没有使用var 声明，因此是一个全局变量。';
var a = "使用了var声明，声明在最顶级的部分，属于window对象下的，一个变量，我们所有的程序都在window下运行，因此也是一个全局变量";
function fa(){
fa_b  = "虽然在fa下面，但是我没有进行使用var 声明，所以我还是一个全局变量;";
var fa_a = "我使用了var 声明，变量的作用域在方法 fa下面";
alert('这是 window下面的一个方法');
function fa_fa(){
alert('这是 fa_fa下面的一个方法,只能在fa方法下面调用。');
　　　　　　　　　alert(b);//寻找变量b的步骤为  fa_fa > fa > Window > 全局。
}
}
/*
总结:
1、js里面一切都是对象
2、js里面一切对象都是引用
3、作用域链说白了就是从内到外寻找变量而已;
*/
</script>

预编译和词法分析

先来一个典型的例子

　　

<script type="text/javascript">
function fa(age){
// var age = 10;
var age;
function age(){
alert(age);
}
alert(age);
// var age;
age= 12;
alert(age);
}
fa('11');
//结果  10 12
</script>

View Code
js,执行的内部顺序，

　　1、词法分析或者又称为预编译，就是先对代码进行检查，检查变量的声明，具体赋值操作，在具体运行的时候，

　　　　词法分析分为3个阶段和优先级，优先级低的最先被分析，然后出现优先级高的情况就会被，优先级高的覆盖。

　　　　1、分析参数里面的变量，如果方法中出现了形参，相当于把变量 var 定义了一次，

　　　　2、分析局部变量的定义

　　　　3、分析方法的定义，如果开始被定义了为变量，然后被定义了为方法，会按照方法解释。

　　总结：方法的优先级 》 var声明的变量 》 传过来的参数 ，在JS 中不仅一切都是对象，连方法都是属性，可以给方法赋值一个普通数据。

2、闭包

　　　所谓闭包，就是一个方法里面可以定义局部变量和局部方法，一旦这个方法被调用，方法内部就会形成一个活动域，方法内部的变量互相调用不受影响。

<!-- 闭包 -->
<script type="text/javascript">
function fa(){
function fa_fa(){
alert(b);
}();
var b = "注意这是一个局部变量;";
}
/*
总结：
1、变量b外部是无法获取到的,方法fa 被调用时，fa_fa被声明，并立即执行（）为立即执行,
此时，fa中间的所有资源被激活，fa_fa 能访问到变量b,但是由于b 在fa 里面，fa构成了一个闭包;
*/
</script>

3、原型链

　　

<!-- //原型链 -->
<script type="text/javascript">
var orgen = new Object({"id":'haha'});
function Person(age,color){
var word = 'hello';
this.age = age;
this.color = color;
this.speak = function (){
_speak();
}();

function _speak(){
alert(age);
}
this.prototype = orgen;
}

var me = new Person(1,'red');
me.money = 12;

me.prototype.getMoney = function(){
orgen.money = 12;
console.log(this);
}();

alert(me.prototype.money);
console.log(me);
console.log(me.prototype);

/*
说明：
1、一个对象由一个构造方法实例化而来,但是构造方法是一个Function对象。
2、一个构造方法需要继承，是根据一个对象来继承的，注意不是构造方法、
3、prototype 指向的是，原型对象，注意不是原型对象的方法
4、如果对象本身没有属性，系统会向对象的原型继续寻找，一直循着这个链条寻找，这就是原型链
*/
</script>