Javascript变量的注意要点

ECMAScript 变量可能包含两种不同数据类型的值:基本类型值和引用类型值。

基本类型和引用类型的值

基本类型值(String,Number,Boolean,Null,Undefined)指的是简单的数据段;引用类型值(保存在内存中的对象)指的是那些可能由多个值构成的对象。5种基本类型值的讨论见 JavaScript数据类型的一些注意要点
值得注意的是,很多语言中,字符串以对象的形式来表示。但在ECMAScript 中则放弃了这一点。

动态的属性

动态的属性:动态地为引用类型值添加属性。对于引用类型的值,可以为其添加、改变和删除属性和方法。如:

var persons = new Object();
persons.name = "Oliver";
document.write(persons.name); //"Oliver"

在上面这个例子中,变量persons 储存了一个对象。persons 就是变量,name 就是属性,“Oliver”就是赋值给persons.name 的普通字符串。最后又通过document.write 访问了这个name 属性。如果对象不被销毁或者这个属性不被删除,则这个属性将一直存在。

但是,我们不能给基本类型的值添加属性,尽管这样做不会导致任何错误。如:

var name = "Oliver";
name.age = 18;
document.write(name.age); //undefined

所以说,只能用引用类型值动态地添加属性。

复制变量值

复制变量值:从一个变量向另一个变量复制基本类型值和引用类型值。

复制基本类型值

非常简单,如:

var x = 1;
var y = x;
document.write(y); //1

supereasy 在这里,复制之后,x 和y 完全独立,互不影响。

复制引用类型值

当从一个变量向另一个变量复制引用类型的值时。与基本类型值不同的是,这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一个对象。如:

var persons = new Object();
persons.name = "Oliver";
var child = persons;
document.write(child.name); //"Oliver"

复制操作结束后,两个变量实际上将引用同一个对象。改变其中一个变量,就会影响另一个变量。

传递参数

传递参数:函数外部的值复制给函数内部的参数。实际上,就跟把值从一个变量复制到另一个变量一样。该怎么操作怎么操作。

向参数传递基本类型的值(参数是按值传递的,复制给局部变量)

向参数传递基本类型的值时,被传递的值会被复制给一个局部变量。如:

function add(x){
    x = x + 10;
    return x;
}
var num = 1;
document.write(num); //1
var result = add(num);
document.write(result); //11

很明显可以看到,x 实际上是函数的局部变量。调用这个变量时,num 作为参数被传递给函数,这个变量的值是1。在函数内部,x 被加上了10 但这病不影响外部的num。

简单的说就是,num 复制给参数x,x 在函数内部是局部变量,无论x 怎么变化,都不影响num 的变化。*

向参数传递引用类型的值(参数是按值传递的,传递地址)

向参数传递引用类型的值时,会把这个值在内存中的地址复制给一个局部变量,因此在这个局部变量的变化会反映在函数的外部。如:

function set(obj){
    obj.name = "Oliver";
}
var persons = new Object();
set(persons);
document.write(persons.name); //"Oliver"

但是

但是

但是

一定要注意的是参数不!是!按!引!用!传!递!的!

看下面这个例子:


function set(obj){
    obj.name = "Oliver";
    obj = new Object();
    obj.name = "Troy"
    document.write(obj.name); //"Troy"
}
var persons = new Object();
set(persons);
document.write(persons.name); //"Oliver"

上面这个说明了当函数内部重写obj 时,这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即被销毁!!这也是为什么函数内部返回了obj.name 的值是"Troy";函数外部返回了obj.name 的值则是"Oliver"的原因了。

所以说,虽然局部作用域中修改的对象会在全局作用域中反映出来,但仍然不能说明参数是按引用传递的。

所以还是那句话,一定要注意

参数不!是!按!引!用!传!递!的!

检测类型

毋庸置疑,检测基本数据类型时,最佳的工具是typeof操作符。如:

var a = "abc";
var b = true;
var c = 21;
var d = null;
var e;
var f = new Object();
document.write(typeof a + "
"); //string document.write(typeof b + "
"); //boolean document.write(typeof c + "
"); //number document.write(typeof d + "
"); //object document.write(typeof e + "
"); //undefined document.write(typeof f + "
"); //object

而检测引用类型的值时,最佳的工具是instanceof操作符。如:

var array = new Array;
document.write(array instanceof Array); //true;
var obj = new Object();
document.write(obj instanceof Array); //false;
document.write(obj instanceof Object); //true;

语法是:


result = variable instanceof constructor

所有引用类型的值都是Object 的实例。因此在检测一个引用类型值和Object 构造的函数时,instanceof 操作符始终会返回true。

你可能感兴趣的:(Javascript变量的注意要点)