js 克隆

作者: yy小 | 来源:发表于2018-09-01 07:43 被阅读0次

    克隆
    1.arguments.callee


    image.png

    这个返回的其实就是ff函数的引用:


    image.png
    这个引用和ff是一样的,就是代表了一个一模一样的函数

    下面是一个应用:


    image.png

    这是一个在一个立即执行函数里面计算阶乘的方法

    下面是一个深赋值的例子


    image.png
    var obj={
                name:"abc",
                age:123,
                card:['visa','master'],
                wife:{
                    name:"bcd",
                    son:{
                        name:"aaa"
                    }
                }
            }
            var obj1={
        
            }
            function deepClone(origin,target){
                var target=target || {},
                toStr=Object.prototype.toString,
                arrStr="[Object Array]";
                for(var prop in origin)
                {
                    if(origin.hasOwnProperty(prop))
                    {
                        if(origin[prop]!=='null'&&typeof(origin[prop])=='object')//就说明是引用类型
                        {
                            if(toStr.call(origin[prop])==arrStr){
                                target[prop]=[];
                            }
                            else{
                                target[prop]={};
                            }
                            deepClone(origin[prop],target[prop]);
                        }
                        else{
                            target[prop]=origin[prop];
                        }
                    }
                }
                return target;
            }
    
    

    三目运算符

    对于有些选择分支结构,可以使用简单的条件运算符来代替. 如:
    
      if(a<b)
          min=a;
      else
          min=b;
    
      可以用下面的条件运算符来处理
    
      min=(a<b)?a:b;
    
    
      其中"(a<b)?a:b"是一个"条件表达式",它是这样执行的: 如果a<b为真,则表达式取a值,否则取b值.
    
      条件运算符由两个符号组成"?"和":", 要求有3个操作对象,所以也叫它三目运算符,它是C语言中唯一的三目运算符.
    
        它的一般形式为:
    
            表达式1?表达式2:表达式3;
    

    以下是关于条件运算符的几点说明:

    (1) 表达式1是关系表达式或逻辑表达式,用于描述条件,表达式2和表达式3可以是常量,变量或表达式.如:
    
          (x==y)?'Y':'N'
          (d=b*b-4*a*c)>=0?sqrt(d):sqrt(-d)
          ch=(ch>='A'&&ch<='Z')?(ch+32):ch
    
            以上均为合法的条件表达式.
    
         (2) 执行顺序:先求解表达式1,若值为非0,表示条件为真,则求表达式2,此时表达式2的值就作为整个条件表达式的值;
    
          若表达式1的值为0,表示条件为假,则求解表达式3,表达式3的值就是整个条件表达式的值.例如:
    
            (a>=0)?a:-a   执行结果是a的绝对值.
    
          (3) 在程序中,通过把条件表达式的值直接赋予某个变量.例如:
    
            min=(a<b)?a:b  执行结果就是将条件表达式的值赋予变量min,即将a和b二者中较小的数赋给min.
    
         (4) 条件表达式的优先级别仅高于赋值运算符,而低于前面遇到过的所有运算符.
    
            因此,min=(a<b)?a:b括号可以不要,可直接写成,min=a<b?a:b如果有x<y?x+1:y-1等效于x<y(x+1):(y-1)而不等效于(x<y?x+1:y)-1
    
        (5) 条件运算符的结合方向为"自右至左".
    
         (6) 条件表达式允许嵌套,即允许条件表达式中的表达式2和表达式3又是一个条件表达式.例如:
    
            x>0?1:x<0?-1:0
    
           上述条件表达式中,表达式3部分又是一个条件表达式.根据条件表达式的结合性,上述条件表达式等价于:
    
              x>0?1:(x<0?-1:0)
    
           其作用是判断x的符号情况.当x为正数时,该条件表达式的值为1;当x为负数时,该条件表达式的值为-1;当x为0时,该条件表达式的值为0.
    
         (7) 条件表达式仅当if语句中内嵌的语句为赋值语句(且两个分支都给同一变量赋值)时才能代替if语句.如:
    
             if(a%2==0)
                printf("even/n");
            else
                printf("odd/n");
    
          不能写成:
    
             (a%2==0)?printf("even/n"):printf("odd/n");
    
          但可以用下面语句代替:
    
             printf("%s/n",(a%2==0?"even":"odd");
    
          该语句的作用是:若 a 为偶数,输出 even;若 a 为奇数,输出odd.
    
           (8) 表达式1,表达式2,表达式3的类型可以不同.此时条件表达式的值的类型为它们中较高的类型.例如:
    
            main() {
    
              char c1, ch;
    
              ch = getchar();
    
              c1 = ch <= 'Z' && ch >= 'A' ? ' @ ' : ch ;
    
              putchar(c1);
    
            }
    

    该程序的作用是从键盘输入任意一个字符,判别它们是否大写字母,如果是,输出一个@;否则按原样输出 dot

    上例中,程序第6行是关键语句,该语句实现输入字符的判断,选择与更换工作.

    其执行过程为:先由此语句中的赋值号右侧的条件运算符对输入的字符进行判断和选择,若ch>='A'&&ch<='Z'成立,说明ch是大写英文字母,此时选@;否则仍选原字符ch,然后把选择的结果赋值给原变量ch 。

    数组,类数组

    类数组对象:(看例子)       
    var a = {};       
    
    var i =10;
    
    while(i<10){
    
     a[i] = i*i;
    
    i++;
    
    }
    
    数组对象:
    
    var b = [];
    
    var i =0;
    
    while(i<10){
    
    b[i] = i*i;
    
    i++;
    
    }
    

    其实你从源代码上面去看也没有什么大的区别:

    但是js中是支持 1: 类名【属性名称】 = 值 相当于 2:类名.属性名称 = 值

    要是你想在类中使用动态的属性 就必须用第一个

    下面看下下区别吧:

    类数组对象:

    console.log(typeof a);//object 注意:数组也是对象哦
    
    console.log(a); //  Object {0: 0, 1: 1, 2: 4, 3: 9, 4: 16, 5: 25, 6: 36, 7: 49, 8: 64, 9: 81} 很明显对象啊
    
    console.log(a.length); //undefined  区别就在这了  类数组对象没有长度的属性和数组的方法
    
    console.log(Object.prototype.toString.call(a));//[object Object] 
    
    数组对象:
    
    console.log(typeof b);//object
    
    console.log(b);//  [0, 1, 4, 9, 16, 25, 36, 49, 64, 81]  很明显数组啊 
    
    console.log(b.length); //8
    
    console.log(Object.prototype.toString.call(b));//[object Array]
    

    在上一个判断是对象还是数组的方法

    var isArray = Function.isArray || function(o){
    
     return typeof o === "object" && Object.prototype.toString.call(o) == "[object Array]";
    
    }
    
    ​
    ```dom选择器。
    
    我们知道document表示文档,我们就是通过document里面的方法选择标签。
    
    1:document.getElementById();
    
    通过选择Id选择器,来选择标签。
    
     <div id="demo">123 </div>        <div > 456</div>        <script type='text/javascript'>        var div=document.getElementById('demo');        </script>
    

    [图片上传中...(image-bc03bd-1535252330306-0)]

    相关文章

      网友评论

          本文标题:js 克隆

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