js之变量和作用域

时间:2023-03-08 17:31:31
js之变量和作用域

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。局部执行环境也会(一个函数的{}内部)有一个与之对应的对象,只不过是我们不能访问它,但是 解析器会在处理数据是后台使用它们。

下面是非常经典的例子,非常容易弄错的:

js之变量和作用域

 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、变量的搜索查询

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

js之变量和作用域

 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; // 引用被清除了,等待 垃圾回收器 清理