zoukankan      html  css  js  c++  java
  • jquery的extend函数

     1 var extend = (function () {
     2 
     3 
     4     var isObjFunc = function (name) {//返回的是一个函数
     5         var toString = Object.prototype.toString
     6         return function () {
     7             return toString.call(arguments[0]) === '[object ' + name + ']'//谁调用函数,就指向谁的上下文;
     8         }
     9     }
    10 
    11 
    12 
    13     var isObject = isObjFunc('Object'),
    14         isArray = isObjFunc('Array'),
    15         isBoolean = isObjFunc('Boolean')
    16       // console.log(isObject)//返回的是一个函数
    17       // console.log(isArray)
    18       // console.log(isBoolean)
    19 
    20 
    21 
    22     return function extend() {
    23         var index = 0, isDeep = false, obj, copy, destination, source, i;
    24 
    25 
    26         if (isBoolean(arguments[0])) {
    27            // console.log(isBoolean(arguments[0]))//true
    28             index = 1
    29            // console.log(arguments[0])
    30             isDeep = arguments[0]//ture
    31         }
    32 
    33         for (i = arguments.length - 1; i > index; i--) {//当i>1的时候,也就是参数值大于1的时候遍历
    34             destination = arguments[i - 1]
    35             source = arguments[i]
    36            // console.log(destination)//{name:3}
    37            // console.log(source)//{name:3}
    38 
    39 
    40             if (isObject(source) || isArray(source)) {//如果是数组或者对象;
    41                // console.log(source)
    42                 for (var property in source) {
    43                     obj = source[property]
    44 
    45                     if (isDeep && (isObject(obj) || isArray(obj))) {//如果是数组或者对象;
    46                         copy = isObject(obj) ? {} : []
    47                         var extended = extend(isDeep, copy, obj)
    48 
    49                         destination[property] = extended//目标的就等于深拷贝的;
    50 
    51                     } else {
    52 
    53                         destination[property] = source[property]//如果是值类型的;直接等于原来的;
    54                     }
    55                 }
    56             } else {//如果不是数组或者对象
    57                 destination = source
    58             }
    59         }
    60         return destination//返回目标对象
    61     }
    62 })()
    63 
    64 
    65 var a = {name: 1}
    66 var b = {name: 2}
    67 var c = {name: 3}
    68 extend(true, a, b, {name: [a, b, c], value: a})
    69 console.log('-----------------------')
    70 console.log(a)//{name:Array(3)}
    71 console.log(a.name[0] === a) // false
    72 console.log(a.value === a) // false
  • 相关阅读:
    JS正则与PHP正则
    关于微信扫码支付的流程
    Jquery快速入门
    phpstorm快捷键大全
    CentOS 7.3 下部署基于 Node.js的微信小程序商城
    一个故事告诉你比特币的原理及运作机制 (转 2013)
    mysql The used table type doesn’t support FULLTEXT indexes 解决方案 (phpstudy 会出现),coten不会
    linux下使用 du查看某个文件或目录占用磁盘空间的大小
    ◆织梦内容管理系统模板标签代码参考
    Linux 下挂载新硬盘方法(转)
  • 原文地址:https://www.cnblogs.com/yangguoe/p/9660387.html
Copyright © 2011-2022 走看看