JavaScript中一个对象如何继承另外一个对象
2014-08-20 11:08
267 查看
如题,JavaScript中一个对象a如何继承另外一个对象b。即将b中的属性和方法复制到a中去。
面试中遇到了这个问题,当时脑子里的想法是:
1.除了循环遍历复制,还能怎样
2.javascript中的原型继承,不是这样用的呀,一定是一个‘类’继承一个对象才对啊。
我当时回答了2.
现在想想,我好SB啊,因为他刚问完我如何编写JQuery插件($.extend()).......
使用说明:
JQuery源码:
其实就是循环赋值啊...
面试中遇到了这个问题,当时脑子里的想法是:
1.除了循环遍历复制,还能怎样
2.javascript中的原型继承,不是这样用的呀,一定是一个‘类’继承一个对象才对啊。
我当时回答了2.
现在想想,我好SB啊,因为他刚问完我如何编写JQuery插件($.extend()).......
使用说明:
jQuery.extend([deep], target, object1, [objectN]) 返回值: Object 概述 用一个或多个其他对象来扩展一个对象,返回被扩展的对象。 如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。否则的话,副本会与原对象共享结构。 未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。 参数 deep (可选)Object如果设为true,则递归合并。 targetObject待修改对象。 object1Object待合并到第一个对象的对象。 objectN (可选)Object待合并到第一个对象的对象。
JQuery源码:
jQuery.extend = jQuery.fn.extend = function() { var options, name, src, copy, copyIsArray, clone, target = arguments[0] || {}, i = 1, length = arguments.length, deep = false; // Handle a deep copy situation if ( typeof target === "boolean" ) { deep = target; target = arguments[1] || {}; // skip the boolean and the target i = 2; } // Handle case when target is a string or something (possible in deep copy) if ( typeof target !== "object" && !jQuery.isFunction(target) ) { target = {}; } // 如果只有一个参数,那将意味着对jquery自身进行扩展 if ( length === i ) { target = this; --i; } for ( ; i < length; i++ ) { // Only deal with non-null/undefined values if ( (options = arguments[ i ]) != null ) { // Extend the base object for ( name in options ) { src = target[ name ]; copy = options[ name ]; // Prevent never-ending loop if ( target === copy ) { continue; } // Recurse if we're merging plain objects or arrays if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) { if ( copyIsArray ) { copyIsArray = false; clone = src && jQuery.isArray(src) ? src : []; } else { clone = src && jQuery.isPlainObject(src) ? src : {}; } // Never move original objects, clone them target[ name ] = jQuery.extend( deep, clone, copy ); // Don't bring in undefined values } else if ( copy !== undefined ) { target[ name ] = copy; } } } } // Return the modified object return target; };
其实就是循环赋值啊...
相关文章推荐
- 多态继承情况下,有一个基类指针指向派生类对象,如何用它调用基类的虚函数?
- JavaScript中如何对一个对象进行深度clone
- JavaScript中如何对一个对象进行深度clone
- 如何用javascript 的eval动态执行一个需要传对象参数的函数
- 浅谈javascript对象、如何实现继承、jQuery方法的扩展(jquery插件)
- Javascript面试题:如何给一个Javascript的对象属性赋值?如何取得属性值?
- javascript笔记——点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数
- javascript中如何判断一个新创建对象是无属性的空对象?
- JavaScript如何创建一个对象
- javascript如何判断一个对象是不是数组
- 如何给JavaScript添加一个自定义对象
- 【JavaScript】如何判断一个对象是未定义的?(已解决)
- javascript如何判断一个对象是不是Array
- JavaScript中如何知道一个对象里面的全部属性
- Javascript 面向对象编程(二):如何生成一个对象
- javascript 如何判断一个对象的类型
- javascript 中面向对象实现 如何继承
- Javascript面试题:如何给一个Javascript的对象属性赋值?如何取得属性值?
- JavaScript中如何将一个字符串,转换成一个对象类型
- javascript中如何声明一个正则表达式对象