js之变量和作用域

JS的变量和其他语言的变量有很大区别。JS变量时“松散型”的，决定它只是在特定时间用于保存特定的一个名字而已。
由于不存在变量要保存何种数据类型，变量的值和其数据类型可以在脚本的生命周期内改变。

JS两种数据类型：

基本类型：（存在栈内存，比如：Number、Null、Boolean、Undefined和String）

引用类型：（存在堆内存中，Object类型），他的引用地址（指针）存在栈空间内

PS（*重点*）：

1、在JS中，string 字符串类型是 值类型（基本类型），不是引用类型；；这是和其他语言不同的地方
2、基本类型存在栈内存中，他们所占的大小是固定的大小

1、动态属性

只有引用类型可以添加动态属性，，基本类型不能添加动态属性：原因：因为引用类型存在堆内存中，大小不固定，可以动态添加；；但是基本类型存在栈内存中，，内存大小固定，所以不能动态添加属性

 var box =new Object();//定义一个引用类型变量

 box.Name='小明';

 alert(box.Name);

 var num='shit';

 num.Name='demo';//基本类型是 不能添加属性的（因为他是存在栈中的，大小是固定的，所以不能添加属性扩展大小）

 alert(num.Name);//undefined

2、赋值对象

1》基本类型的复制：

基本类型对象复制，复制的是值。

2》引用类型的对象复制

引用类型对象的复制，复制的是地址。

 var box =new Object();

 box.Name='demo';

 var box2=box;

 box2.Name='shit';

 alert(box.Name);//shit   因为box和box2指向 堆里 同一个 内存空间，所以 box2改变的是 堆空间中 数据，所以box在取得时候是改变过的数据了

3、传递参数

注意：JS中传递参数是 “按值” 传递的，不是按 “引用” 传递的。

 function box(obj){   //记住：这也是按值传递，只不过传递的参数是引用类型，，但是不是按引用传递，，按引用传递，比如c#里的ref 和out/c中&

        obj.name='demo';

     }

 var p=new Object();

 box(p);  //因为 按值传递：传递的是 地址，所以 会为p增加name属性并赋值

 alert(p.name);

PS：传递引用类型的参数和按“引用”传递是不同的概念。

4、变量检测

在之前的学习中，我们知道区分不同类型的数据可以使用 typeof；；但是如果对引用类型的数据在进一步区分（例如：数组、null、正则表达式都是引用类型）就要使用instanceof

 var box1=new Object(); //引用类型

 var box2=/box/; //正则表达式

 var box3=[,];//数组

 alert(box1 instanceof Object);  //true

 alert(box2 instanceof RegExp);  //true

 alert(box3 instanceof Array);  //true

 //PS:instanceof不能对 基本类型进行检测， 因为即使正确 也会返回false

 var box4='demo';

 alert(box4 instanceof String); //false

 var box5=new String('demo');//使用 new 修饰符的 方式创建的 就可以  使用instanceof  进行检测了

 alert(box5 instanceof String);  //true

5、执行环境及作用域

执行环境：

定义变量或函数有权访问其他数据，决定他们的一切行为。

全局执行环境被认为最外层的执行环境，在 web 中被认为是 window。

注意点：

1》当执行环境中所有的代码执行完成之后，该环境就会被销毁，包括在其中的所有的变量和函数也会被销毁。但是如果是全局环境下，就需要整个程序执行完毕之后，才会销毁（也就是网页关闭之后）

2》每个执行换进都会有一个对象与之关联对应，就比如全局执行环境对应window。局部执行环境也会（一个函数的{}内部）有一个与之对应的对象，只不过是我们不能访问它，但是解析器会在处理数据是后台使用它们。

下面是非常经典的例子，非常容易弄错的：

 function a(b){

     alert(window.a);

     alert(b);

        function b(){   //此处的b 既是 当前执行环境的对象的属性，，还是 自己这个函数下的执行环境下的属性；；都能被访问到

              alert(b);

            }

            b();

     }

 a('shit');

总结说明：在前面的“Function原型”中提到了，每一个Function函数都是一个对象。。在执行的一瞬间，会产生一个Active Object（简称：AO）的对象，对于全局执行环境就是对应的window，局部执行环境就是AO。所有的变量（包括传进来的参数和自己定义的变量）和函数都会生成为AO的“属性”，所以这就是为什么上面传进来的参数b会被下面的函数b 替代掉（因为都是AO的b属性），后面的同名属性会覆盖前面的。

6、{} 没有起到限制作用域的：if 和 for

这种时候，就要对使用完的对象进行手动的清除，实现垃圾回收。

 if(true){

        var box ='demo';

     }

 alert(window.box);// demo  结果： 在 全局的 执行环境下  也能  访问到 box

 box=null;     //将引用释放，等待垃圾回收。

 for(var i=;i<;i++){

        var num ='shit';

     }

 alert(i);       //10   结果：  在 全局 执行环境下  能被 访问到

 alert(window.num);//shit   结果： 在 全局的 执行环境下 也是能 访问到 num的

 function sum(num1){

        var num2 ='lee';//在 函数内（sum 执行环境下） 用 var  定义的变量时 局部变量

        //将  var  去掉 直接定义的  变量时 全局变量

        num3 ='xiao';   //这种方式最好不要用，因为 可能会在  下面引发很多问题；；；如果真的想用全局变量，那就直接在外面定义 全局变量就可以了

     }

 sum();

 alert(num2); //报错：num2 is not defined

 alert(num3); //xiao

if和for的演示代码

7、变量的搜索查询

沿着 “作用域链” 向上查询的。

 var box ='Lee';

 function getBox(){

        return box;

     }

 alert(getBox());  //Lee

 function getBox2(){

        var box ='xiao';

        return box;   //在返回 box的值的时候会 向上搜索box的值，现在 SetBox2()作用域内搜索 局部变量，如果没有就 到 SetBox2()的上一层 作用域去寻找，如果一直没有，直到最后带 全局作用域去寻找，如果在找不到就会报错。。只要 找到就 直接返回。

     }

 alert(getBox2());  //xiao

8、JS中的垃圾回收

JS 是自动进行垃圾回收的，但是自己使用过的引用类型对象，如果不想使用了，可以设置成null，那么一会就会被垃圾回收了，提高性能

 var box ={};

 box.name='xiaoming';

 //以后就不想使用了

 box =null;      //  引用被清除了，等待 垃圾回收器 清理

巴特西

js之变量和作用域

最新文章

热门文章