js变量、作用域和内存

一、变量

1.分类:

变量可以分为基本类型值和引用类型值,像在之前的随笔中介绍的数值,字符串类型这些就是属于基本类型值。而引用类型值则是指对象。然而,引用类型的值是保存在内存中的对象,js和其他编程语言不同的是,我们不能够直接操作内存中的对象,只能通过当中的引用来操作。所以引用类型的值是按引用访问的。

2.保存方式:

基本类型值和引用类型值的保存方式是不一样的,举个例子:

var person=new object();
person.name="Nicholas";
person.age=27;
alert(person.age);//"Nicholas"

  以上例子创建了一个对象,并给该对象添加了一个name属性且赋值Nicholas,这个属性只要对象一直存在就也一样一直存在

var name="Nicholas";
name.age=27;
alert(name.age);//undefined

  而这个例子则是给基本变量添加了一个age属性,虽然js不会报错,但是该属性是不存在的

3.复制变量值

(1)对于基本类型值,一个变量向另一个变量赋值的时候,会在变量对象上创建一个新值,然后把该值复制到新变量分配的位置上,所以,新变量与原先变量两者是完全独立的。

(2)对于引用类型值,一个变量向另一个变量复制的时候,则是将指针复制过去,因此,两个变量实际上将引用同一个对象,改变其中一个对象,就会影响另一个对象。

4.传递参数

js中参数都是按值来传递的,也就是说,被传递的值如果是基本类型的值,该值将会被复制给一个局部变量。而在传递引用类型的值的时候,会把这个值在内存中的地址传递给一个变量,所以这个局部变量的变化会反映在函数的外部。例如:

//基本变量
function addTen(num){ num+=10; return num; } var count =20; var result=addTen(count); alert(count);//20,没有变化 alert(result);//30

//对象
function setName(obj){
obj.name="Nicholas";
}
var person=new object();
setName(person);
alert(person.name);//"Nicholas"

  *因为在局部作用域中修改的对象会在全局作用域中反映出来,所以很多开发人员认为对象是按引用传递的。为了证明是按值传递,我们来看一个例子:

function setName(obj){
obj.name="Nicholas";
obj=new object();
obj.name="Greg";
}

var person=new Object();
setName(person);
alert(person.name);//"Nicholas"

  *因为当函数内部重写obj时,这个变量引用的就是一个局部对象了,所以这个局部对象在函数执行完毕后立即被销毁。因此,在弹出对话框时的内容依旧是Nicholas。故而,参数是按值传递的,如果是按引用来传递的话,obj的name属性的值将会被改变。

5.检测类型

前面我们接触过的检测类型是typeof操作符,但是这只适用于基本类型的变量,对于是对象的变量,我们应当使用instanceof。语法如下:

result=variable instanceof constructor;

  例如:

alert(person instanceof Object);//变量person是 Object吗?
alert(colors instanceof Array);//变量colors是 Array吗?
alert(pattern instanceof RegExp);//变量pattern是RegExp吗?

  该操作符将返回的是布尔值

二、执行环境和作用域

执行环境定义了变量或函数有权访问的其他数据,决定了他们各自的行为。执行环境分为全局执行环境和局部执行环境。在web浏览器中,全局执行环境被认为是windows对象,因此所有的全局变量和函数都是作为window对象的属性和方法创建的。全局执行环境直到应用程序退出后(例如关闭网页或浏览器)时才会被销毁,保存在其中的变量和函数定义也随之销毁。

作用域链是用于保证 对执行环境有权访问的所有变量和函数的有序访问,作用域链的前端,始终都是当前执行的代码所在的变量对象。如果这个环境是函数,那么这个函数就是最前的变量对象,往后就是包含在外的一个函数,或是外部变量,一次类推。

*我们的标识符解析都是沿着作用域链一级级地搜索标识符的过程,所以,全局环境中不可以调用局部环境中的变量。但是局部环境却可以使用全局变量。

 (1)延长作用域链

有两个方法可以帮助我们延长作用域链:try-catch语句的catch块以及with语句,我们下面重点来了解一下with语句:

function buildUrl(){
var qs="?debug=true";
with(location){
var url=href+qs;
}
return url;
}

  with语句括号内是location对象,当在语句块中引用href的时候,实际上引用的是location.href。with语句使得location的作用域延长到了作用域链的前端。with 语句可以方便地用来引用某个特定对象中已有的属性,去除多次书写对象名的麻烦。但是不能用来给对象添加属性。要给对象创建新的属性,必须明确地引用该对象。

(2)没有块级作用域链

在作用域方面,js没有块级作用域链,这和C语言等常见的语言很不一样。js只有全局和局部两种作用域。

if(true){
var color="blue";
}
alert(color);//blue

  在c语言等编程语言当中,因为存在块级作用域,所以color在花括号结束时将被销毁,所以将无法输出color。但是上面例子的代码却能正常输出,这就是因为js把color变量放在了全局环境当中去。所以,color没有被销毁。

*因为js的这个特点,所以在使用 for语句的时候要格外注意:

for(var i=0;i<10;i++){
doSomething(i);
}
alert(i);//10

  这个时候,输出的i是第十次循环时的i变量

原文地址:https://www.cnblogs.com/runhua/p/6486774.html