基本类型、引用类型

基本类型、引用类型

基本类型值（数值、布尔值、null和undefined）：指的是保存在栈内存中的简单数据段；
引用类型值（对象、数组、函数、正则）：指的是那些保存在堆内存中的对象，变量中保存的实际上
只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象

var a 
var b 
var c


var a = 1
var b = 2
var c = {name:'yangtao'}


// --1-- --2-- --0x0033--基本类型,引用类型|

//找一个大的区域来存储，定位好坐标比如 0x0033 {name:'yangtao'}

var aa = a 
var bb = b
var cc = c

// --1-- --2-- --0x0033--
//  aa     bb     cc    

a = 100
b = 200
c.name = 'jirengu'

console.log(aa)
console.log(bb)
console.log(cc)

// --1-- --2-- --0x0033--
//             {name:'jirengu'}


c:{name:'饥人谷'}

//0x0044 {name:'饥人谷'}


console.log(cc)

函数的参数传递

function inc(n){
    // var n =a
    n++;
}
var a = 10;
inc(a);
console.log(a);

function incObj(obj){
    //var obj = o //0x0001
    obj.n++;
}

var o = {n: 10};  //o = 0x0001
incObj(o);
console.log(o);


function squireArr( arr ){
    //var arr = 0x0011
    for(var i = 0; i < arr.length; i++){
        arr[i] = arr[i] * arr[i];
    }
}
function squireArr2( arr ){
    var newArr = [];
    for(var i = 0; i < arr.length; i++){
        newArr[i] = arr[i] * arr[i];
    }
    return newArr;
}

var arr = [2,1,3,6]; //arr  0x0011
squireArr(arr);
console.log(arr); // [4,1,9,36]

var arr2 = squireArr2(arr)
console.log(arr2);

对象浅拷贝和深拷贝

var a = 1
var b =1

a =2
b ==1

var obj = {age:100}
var obj2 = obj
obj.age =200
obj2.age ==200

浅拷贝：只拷贝一层
var a =1
var b =a

a =2
b ==1

var obj = {
    age:100,
    friend:{
        name:'yangtao'
        
    }
}
var obj2 = obj
obj.age =200
obj2.age ==200

function shadowCopy(obj){
    var newObj = {}
    for (var key in obj){
        newObj[key] = obj[key]
    }
    return newObj
}
var obj3 = shadowCopy(obj)
obj.age = 400
console.log(obj3)

用深拷贝来实现完全拷贝：用递归

unction copy(obj){

    var newObj = {};
    for (var key in obj){
        if(obj.hasOwnProperty(key)){
            if(typeof obj[key] ==='number' || typeof obj[key] ==='boolean'|| typeof obj[key] ==='string'|| obj[key] === undefined|| obj[key] === null){
            newObj[key] = obj[key];
        }else{
            newObj[key] = copy(obj[key]);
        }
    }   
}
    return newObj
}
var obj3 = copy(obj)
//obj.age = 400
//console.log(obj3)

相关作业

1.引用类型有哪些？非引用类型有哪些2.如下代码输出什么？为什么

• 非引用类型：数值、布尔值、null和undefined
• 引用类型值：对象、数组、函数、正则

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);//false ,这个是引用类型，虽然obj1和obj2里面的值是一样的，但是他们的栈内存空间是不一样的
console.log(obj1 = obj2);//Object {a: 1, b: 2}
console.log(obj1 == obj2);//true 经过上面的赋值后，obj1和obj2 指向的内存地址是一样的

2.如下代码输出什么? 为什么

var a = 1
var b = 2
var c = { name: '饥人谷', age: 2 }
var d = [a, b, c]

var aa = a
var bb = b
var cc = c
var dd = d

a = 11
b = 22
c.name = 'hello'
d[2]['age'] = 3

console.log(aa) //1 
console.log(bb) //2
console.log(cc)//Object {name: "hello", age: 3}
console.log(dd)//[1,2,{name: "hello", age: 3}]


1, 
 --1--  --2--   --0x0033--   --0x0044--
   a      b       c            d
  0x0033:{name:'饥人谷' age:2}
  0x0044:[1,2, {name:'饥人谷' age:2}]

--1--   --2--  --0x0033--  --0x0044--
 aa      bb       cc           dd

2,
 --11--   --22--   --0x0033-   --0x0044--
    a       b       c             d
 0x0033:{name:'hello' age:3}
 0x0044:[1,2, {name:'hello' age:3}]

--1--   --2--  --0x0033--  --0x0044--
 aa      bb       cc           dd
1、虽然a，b的值变了，但是aa和bb的值是不变的，还是1,2。
2、c,d为引用类型，c和d里面的值随着所对应的地址里的值改变而改变。

3.如下代码输出什么? 为什么

var a = 1
var c = { name: 'jirengu', age: 2 }

function f1(n){
  ++n
}
function f2(obj){
  ++obj.age
}

f1(a) 
f2(c) 
f1(c.age) 
console.log(a) //1 相当于有一个 var n = a,而a的值是1，所以结果是1
console.log(c)//Object {name: "jirengu", age: 3} 相当于var obj = c //0x0001,而c中的age值执行了一次++obj.age,所以c //0x0001里面的age变成了3

4.过滤如下数组，只保留正数，直接在原数组上操作

var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
   for (var i = 0; i < arr.length; i++){
      if ( arr[i] <= 0 ) {
        arr.splice(i, 1);
        filter(arr);
      }
  }
}
filter(arr)
console.log(arr) // [3,1,2]

5.过滤如下数组，只保留正数，原数组不变，生成新数组

var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
     var newArr = [];
     for (var i = 0; i < arr.length; i++){
         if ( arr[i] > 0 ) {
              newArr.push(arr[i]);
         }
     }
    return newArr;
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr)  // [3,1,0,-1,-3,2,-5]

6.写一个深拷贝函数，用两种方式实现

第一种：
function copy(obj){
    var newObj = {};
    for (var key in obj){
        if(obj.hasOwnProperty(key)){
            if(typeof obj[key] ==='number' || typeof obj[key] ==='boolean'
                        || typeof obj[key] ==='string'|| obj[key] === undefined||
                         obj[key] === null){
            newObj[key] = obj[key];
        }else{
            newObj[key] = copy(obj[key]);
        }
    }   
}
    return newObj;
}
第二种：
JSON.stringify(obj)
JSON.parse()
JSON.parse(JSON.stringify(obj))
function copy(obj){
        var newObj = JSON.parse(JSON.stringify(obj));
        return newObj;
 }