超难度问题，实现$merge方法。

2009-12-17 03:31:48 123 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

前端开发组件示例源码_f1b6a91d详解前端开发组件示例源码_f1b6a91d，内容包含源码/脚本与使用说明文档，结构清晰、注释完整，适合学习参考与二次开发，下载解压即可查看。立即下载

mootools中有$merge方法能实现以下效果：



    var obj1 = {a: 0, b: 1};

    var obj2 = {c: 2, d: 3};

    var obj3 = {a: 4, d: 5};

    var merged = $merge(obj1, obj2, obj3); //returns {a: 4, b: 1, c: 2, d: 5}, (obj1, obj2, and obj3 are unaltered)

 

    var nestedObj1 = {a: {b: 1, c: 1}};

    var nestedObj2 = {a: {b: 2}};

    var nested = $merge(nestedObj1, nestedObj2); //returns: {a: {b: 2, c: 1}}

简单来说就是把几个对象的属性合并起来，难点就在于对象里面的属性是不确定的，可能无限嵌套。

...全文

前端开发基于history.js的HTML5与HTML4浏览器兼容方案：单页应用无刷新历史状态管理技术实现-Gjl4Gf1792158475 内容概要：本文系统介绍了如何利用history.js实现单页应用（SPA）在HTML5c与HTML4浏览器间s草错发的无缝历史状态管理。通过封装原生History API并在不支持的浏览器中自动降级为哈希路由，history.js解决了因浏览器兼容性导致的后退按钮失效、URL混乱等问题。文章详细讲解了其核心机制，包括状态对象管理、自动模式切换（HTML5 pushState vs HTML4 哈希）、状态数据持久化以及针,对Safari、IE等浏\览器的兼容性修复方案，并提供了从入门到实战的完整示例，涵盖初始化、事,件监听、页面加载及性能优化技巧。;Gjl4Gf1792158475 www.gblp.net www.gsctlq.com gezhixq.cn www.greendalian.com wap.gxqnm.com 立即下载

cn00439802

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

fengsky491 2009-12-17

打赏
举报

arguments[0] = eavl('{' + tmp.join(',') + '}');

return arguments[0];

改成：

eval('var t =' + '{' + tmp.join(',') + '}');

return t;

fengsky491 2009-12-17

打赏
举报

没用过mootools，jquery也正在看，

function merge(){

 var target = [];



if(!arguments[0]){

  return null;

}

for(var i = 0;i < arguments.length;i++){

  for(var p in arguments[i]){

target[p] = arguments[i][p];

}

}



var tmp = [];



for(var p in target){

  tmp.push(p + ':' + target[p]);

}



arguments[0] = eavl('{' + tmp.join(',') + '}');



return arguments[0];

}

fengsky491 2009-12-17

打赏
举报

好像就是js的hash

xmliy 2009-12-17

打赏
举报

不用框架，但可以把框架中的代码拷出来用



function $merge() 

{

  var target = arguments[0] || {}, i = 1, length = arguments.length, deep = false, options;

  if ( typeof target === "boolean" ) 

  {

    deep = target;

    target = arguments[1] || {};

    i = 2;

  }

  if ( typeof target !== "object" && target.toString() != "[object Function]" ) target = {};

  if ( length == i ) 

  {

    target = this;

    --i;

  }

  for ( ; i < length; i++ )

  {

    if ( (options = arguments[ i ]) != null )

    {

      for ( var name in options ) 

      {

        var src = target[ name ], copy = options[ name ];

        if ( target === copy ) continue;

        if ( deep && copy && typeof copy === "object" && !copy.nodeType )

          target[ name ] = $merge( deep, src || ( copy.length != null ? [ ] : { } ), copy );

        else if ( copy !== undefined )

          target[ name ] = copy;

      }

    }

  }

  return target;

};



  var obj = $merge(true, obj1, obj2, obj3, ......);

cn00439802 2009-12-17

打赏
举报

如果能用框架，我还发出来干嘛。。。

xmliy 2009-12-17

打赏
举报

使用jQuery,

var obj = $.extend(true, obj1, obj2, obj3,......);

cn00439802 2009-12-17

打赏
举报

偶滴神啊，钻石五角星们，都歇息了萨？自己顶自己下!!!!!!

超难度问题，实现$merge方法。

相关推荐