美文网首页
基本类型与引用类型

基本类型与引用类型

作者: Komolei | 来源:发表于2017-03-16 23:23 被阅读0次

    1.引用类型有哪些?非引用类型有哪些
    引用类型:对象、数组、函数、正则表达式
    非引用类型:数值、布尔、字符串、undefined、null
    2.如下代码输出什么?为什么

    var obj1 = {a:1, b:2};
    var obj2 = {a:1, b:2};
    console.log(obj1 == obj2);
    console.log(obj1 = obj2);
    console.log(obj1 == obj2);
    
    结果:false
     a:1,b:2
    true
    因为obj1和obj2是引用对象,所以他们在内存中存储的地址是不一样的,则obj1与obj2比较时,地址不一样则返回false;然后obj1=obj2,将obj2赋值给obj1,赋值过去的是地址,而地址对应的内容是a:1,b:2,则输出内容;最后在赋值过程中,地址相同,指向的内容是同一个内容,也是相同的,所以则输出true。
    

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

    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) 
    console.log(bb) 
    console.log(cc)
    console.log(dd)
    
      结果:
     1      
    解释:按照解析流程而来,a将1赋值给aa,此时aa的值为1,后来aa的值没有改变,所以输出1
    _____
    2    
    解释:同上
    ______
    name: 'hello' ,age: 2   
    解释:c是对象,是引用类型,c赋值给cc的是地址,后来c的内容发生改变,即地址指向的内容改变了,然后当输出cc时,是输出cc占据的地址所对应的内容。
    __________
    11,22,name: 'hello',age: 3   
    解释:d是数值,也是引用类型,同时按照流程中,a,b最后重新赋值为11,22,同时d赋值给dd的是地址,而d[2]['age']=3,改变了d中的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) 
    console.log(c)
    
    结果为    
    1
    name: 'jirengu' ,age: 3
    解释:
    1.global context: {
       AO: { a: 1;
           c: name: 'jirengu',age:2;
               f1: function;
           f2: function;
           },
       scope:nu; 
       }
    f1.[[scope]]=globalcontext.AO;
    f2.[[scope]]=globalcontext.AO;
    
    >2.f1context: {
       AO:{ 
       //var n=a;
       n:2;
       }
    scope:f1.[[scope]]
    }
    
    >3.f2context: {
       AO: {
       //var obj=c;   因为是传入的是地址,经过了++obj.age之后,age=3;
       obj: name: 'jirengu',age: 3;
       },
       scope:f2.[[scope]]
    }
    
    >4.f1context: {
       AO: {
       //var n=c.age  n会发生改变,但是对于 c.age还是不变的。
       n:4 },
    scope: f1.[[scope]]
    }
    

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

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

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

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

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

    1.var a={
        no:22,
        clc:{
        name: 'komo',
        age: 20 
        }
    };
    
    function copy(a){
        var aa={};   
            for( var key in a ){
                if (a.hasOwnProperty(key)){
                if(typeof a[key]==='number' || typeof a[key]==='boolean'|| typeof a[key]==='string'|| a[key]===undefined ||a[key]===null ){
                    aa[key]=a[key];}
                else {
                    aa[key]=copy(a[key]); }
            }
        }
    return aa;
    }
    var bb=copy(a);
    console.log(bb);
    
    2.var a={
        no:22,
        clc:{
        name: 'komo',
        age: 20 
        }
    };
    
    function copy(a){
        var aa={};
        var aaa={};  
            for( var key in a ){
                if (a.hasOwnProperty(key)){
                    aa[key]=JSON.stringify(a); }
            }
    return JSON.parse(aa[key]);
    }
    var bb=copy(a);
    console.log(bb);
    

    相关文章

      网友评论

          本文标题:基本类型与引用类型

          本文链接:https://www.haomeiwen.com/subject/cxednttx.html