原始类型和引用类型

一、JavaScript有六种数据类型：

*数值型

*字符串型

*布尔型

* Null

* Undefined

*对象

我们可以按照这六种数据类型按照存储方式分为两类

1.原始类型：存储的是值本身

*数值型

*字符串型

*布尔型

* Null

* Undefined

2.引用类型：储存的是一个引用

*对象

二、原始类型与引用类型的差异

//a相当于把自己的值复制了一份给b,所以当a的值改变的时候不会影响b的值的改变

              /*var a='hello world';

              var b=a;

              var a='hello javascript';

              console.log(a);//hello javascript

              console.log(b);//hello world*/

        案例中值得类型为字符串，接下来把字符串换成对象

                 var obj1={

                  name:'jack',

                  age:18

                 }

                 var obj2=obj1;

                 obj1.name='rose';

                 console.log(obj1.name);//rose

                 console.log(obj2.name);//rose

//我们发现当obj1的值改变，obj2中的值也跟着变化。因为引用类型存储的是一个地址，而不是值本身。两个对象引用的是同一个地址。所有当一个改变时，另一个也会跟着变

三、原始类型与引用类型比较的区别

接下来我们来看一下原始类型与引用类型比较的时候有什么来区别

                        var str1 = 'hello world';

var str2 = 'hello world';

console.log(str1 == str2);     //true

var obj1 = {name:'xiaoming'};

var obj2 = {name:'xiaoming'};

console.log(obj1 == obj2);     //false

四、原始类型与引用类型传参的区别demo11

原始类型:

                       var str='hello world';

                       function fun(s){

s='hello javascript';

                       }

                       fun(str);

                       console.log(str);

在上面的代码中我们将变量str传给函数fun，在fun内部将参数将另一个字符串赋值给参数，然后在函数外面输出str,发现str的值并没有变

引用类型:

                          var obj={name:'jack',age:18};

                  function fun(o){

                       o.name='rose';

                  }

                   fun(obj);

                   console.log(obj);

将参数换成引用类型后，我们发现再次输出obj的时候，它的值已经变成了函数中赋的值，这是因为原始类型传参的时候，实参是形参的副本，改变形参的时候不会影响实参，而应用类型传参的时候，形参和实参的对象都指向一个引用，这样当我们修改形参的值的时候，其实是操作了内存中的对象，所以函数外部变量的值也就跟着变化了。