【JS】The differences between 基本类型 and 引用类型

时间:2021-07-19 15:45:35

5个基本数据类型:

Undefined、Null、Boolean、Number、String;

引用类型:

var person = new Object();

这里的person就是一个引用类型的变量,他的值就是new出来的Object对象。在操作对象时,其实操作的是引用person,而Object正悠闲的躺在内存里睡大觉,你不能去打扰他。有啥事你去找他的秘书person,person那有他老板Object交代的所有事。

引用类型可以动态的添加属性,基本数据类型can not!

var person = new Object();
person.name = "BigHead"; //添加name属性
alert("My name is " + person.name); //"My name is BigHead"

var dog = "one";
dog.age = 2;
alert(dog.age); //undefined

复制变量值

基本类型

var i = 0;
var u = i;

当i把自己复制给u后,你依旧是你,我依旧是我,i和u是完全独立的,之后他俩的各种操作都互不影响,井水不犯河水。

【JS】The differences between 基本类型 and 引用类型

引用类型

var person1 = new Object();
var person2 = person1;
person1.age = 21;
alert(person2.age); //21

把person1的值复制一份给person2,而给person2的值其实是一个指针,指向存储在堆中person1指向的对象。从此之后两人拥有共同的目标,同呼吸,共命运!

【JS】The differences between 基本类型 and 引用类型

所有函数的参数都是按值传递!

没错,你没有看错!参数为基本类型是按值传递肯定是没问题的,但参数为引用类型呢,你可能对此表示深深的怀疑,但事实就是如此。

BUT

若在函数里对从函数外传进来的参数进行操作,那函数外的那个对象也会改变。这是因为就算是按值传递,也会按引用来访问同一个对象,就是前面所说的同呼吸,共命运。

function f(a){
    a = 1;
}

var a = 0;
f(a);
alert(a);//0,a本身并没有改变


function setName(person){
    person.name = "BigHead";
}

var person = new Object();
setName(person);
alert(person.name); //BigHead,person本身改变了哦

其实每个函数中都存在一个arguments对象,他类似于数组,存放着函数的参数。关于函数参数的一些理解,我在《对函数参数的理解》中聊一聊。

我们也可以看出ECMAScript跟我们以前学的语言用法还有些不太一样,有点个性哈!