web前端-js小记(4)-引用类型

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

1. 引用类型：对象、数组、函数、正则。指的是那些保存在堆内存中的对象，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象。
2. 非引用类型：数值、布尔值、undefined，null，string
3. 区别：在于数据的保存的形式不同。
   非引用类型的数据，其保存的方式是在内存中的栈空间，开辟一个固定大小的空间进行固定位置的保存，并且数据的访问形式是后进先出。
   引用类型的数据，其保存的形式是在内存的堆空间开辟一个动态的空间保存来保存数据的值(因为数据的大小不固定)，当我们访问这个变量的时候其实是根据出存在栈空间的指针寻址来查找到相应的堆内存空间

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);     //false,这是两个毫无关系的对象，指针所指向的地址不同
console.log(obj1 = obj2);      //{a:1,b:2},obj2指向的地址赋值给obj1，obj1和obj2共用一个地址
console.log(obj1 == obj2);    //true,因为两个对象指针所指向的地址是一样的

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,因为aa和a是两个数值，不是引用类型，改变其中一个不影响另一个
console.log(bb)           //2,理由同上
console.log(cc)            //{name: "hello",age:3},c和cc指向同一个地址，c.name=“hello”改变了原来数据中的name值，所以cc输出后的值也跟着变了
console.log(dd)          //[1,2,{name:"hello",age:3}],d[2]和c都指向了同一个地址，所以数据中的name修改了，d[2]["age"]=3又改变了数据中的age值，所以输出结果为这样

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

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 调用f1()时，f1中相当于声明了var n=a,只是把a的值赋给了n,++n只是改变了n的值，对a没有影响
console.log(c)    //{name:"jirengu",age:3} 调用f2时，f2中相当于声明了var obj=c,说明obj和c指向了同一个地址，当obj改变了数据中的值时，c的值也改变了

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

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);i--;
    }
  }
}
filter(arr)
console.log(arr) // [3,1,2]

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

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

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

var obj={
  name: "Ethan",
  age:"24",
  friends:{
    name:"Jon",
    age: "21"
  }
}
//第一种：
function copy1(x){
  var x1={};
  for(var key in x){
    if(x.hasOwnProperty(key)){
        if(typeof x[key]==="object"){
        x1[key]=copy1(x[key]);
        console.log(key);
      }else{
        x1[key]=x[key];
    }
    }
  }
  return x1;
}
//第二种：
 function copy2(obj){
        var newobj = JSON.parse(JSON.stringify(obj));
        return newobj;
 }
var newobj=copy1(obj);
var newobj2=copy2(obj);
console.log(newobj);
console.log(newobj2);

(mission4)