值类型数据和引用类型数据的区别

一、值类型赋值

function add(num) {
    num ++;
}
var p = 1;
add(p);
console.log(p)//1
//基本数据类型，是复制一份内存，新的数据和老数据互相没有影响。

二、引用类型赋值

function change(o){
    o.name = "小涛涛";
}
var q = {
    name:"小莹莹",
    age:18
}
change(q);
console.log(q.name,q.age);//小涛涛，18
//引用数据类型是创建新的对象，同时指向同一个内存地址，当数据改变时内存地址不变，内存数据发生变化。

三、举栗子

1.
function foo(o){
    o = {
        name:"小涛涛"
    }
}
var p;//p未定义，不是引用类型
foo(p);
console.log(p.name);//找不到p.name
//{}和new 都是创建对象，在内存里创建新的内存地址
2.
function foo(o){
    o = {
        name:"小涛涛"
    }//创建对象指向了新的内存地址
}
var p = {};
foo(p);
console.log(p.name);//undefined
p.name = "小莹莹";
console.log(p.name);//小莹莹
3.
function foo(o){
    o.name = "小涛涛";
    o = {
        name:"小琪琪"
    }
}
var p = {};
foo(p);
console.log(p.name);//小涛涛

四、总结

• 在调用函数的时候，传参的过程其实就是用实参给形参赋值的过程
• 当参数为值类型的时候，函数内和函数外的两个变量完全不同，仅仅只是存的值一样而已，修改时互不影响
• 当参数为引用类型的时候，函数内和函数外的两个变量不同，但是共同指向同一个对象，在函数内修改对象数据时会影响外部