如题,JavaScript中一个对象a如何继承另外一个对象b。即将b中的属性和方法复制到a中去。

面试中遇到了这个问题,当时脑子里的想法是:

1.除了循环遍历复制,还能怎样

2.javascript中的原型继承,不是这样用的呀,一定是一个‘类’继承一个对象才对啊。

我当时回答了2.

现在想想,我好SB啊,因为他刚问完我如何编写JQuery插件($.extend()).......

使用说明:

  1. jQuery.extend([deep], target, object1, [objectN])
  2.  
  3. 返回值:
  4. Object
  5.  
  6. 概述
  7. 用一个或多个其他对象来扩展一个对象,返回被扩展的对象。
  8. 如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。
  9. 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。否则的话,副本会与原对象共享结构。
  10. 未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。
  11.  
  12. 参数
  13. deep (可选)Object如果设为true,则递归合并。
  14. targetObject待修改对象。
  15. object1Object待合并到第一个对象的对象。
  16. objectN (可选)Object待合并到第一个对象的对象。

JQuery源码:

  1. jQuery.extend = jQuery.fn.extend = function() {
  2. var options,
  3. name,
  4. src,
  5. copy,
  6. copyIsArray,
  7. clone,
  8. target = arguments[0] || {},
  9. i = 1,
  10. length = arguments.length,
  11. deep = false;
  12.  
  13. // Handle a deep copy situation
  14. if ( typeof target === "boolean" ) {
  15. deep = target;
  16. target = arguments[1] || {};
  17. // skip the boolean and the target
  18. i = 2;
  19. }
  20.  
  21. // Handle case when target is a string or something (possible in deep copy)
  22. if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
  23. target = {};
  24. }
  25.  
  26. // 如果只有一个参数,那将意味着对jquery自身进行扩展
  27. if ( length === i ) {
  28. target = this;
  29. --i;
  30. }
  31.  
  32. for ( ; i < length; i++ ) {
  33. // Only deal with non-null/undefined values
  34. if ( (options = arguments[ i ]) != null ) {
  35. // Extend the base object
  36. for ( name in options ) {
  37. src = target[ name ];
  38. copy = options[ name ];
  39.  
  40. // Prevent never-ending loop
  41. if ( target === copy ) {
  42. continue;
  43. }
  44.  
  45. // Recurse if we're merging plain objects or arrays
  46. if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
  47. if ( copyIsArray ) {
  48. copyIsArray = false;
  49. clone = src && jQuery.isArray(src) ? src : [];
  50.  
  51. } else {
  52. clone = src && jQuery.isPlainObject(src) ? src : {};
  53. }
  54.  
  55. // Never move original objects, clone them
  56. target[ name ] = jQuery.extend( deep, clone, copy );
  57.  
  58. // Don't bring in undefined values
  59. } else if ( copy !== undefined ) {
  60. target[ name ] = copy;
  61. }
  62. }
  63. }
  64. }
  65.  
  66. // Return the modified object
  67. return target;
  68. };

其实就是循环赋值啊... 

  

JavaScript中一个对象如何继承另外一个对象的更多相关文章

  1. 理解JavaScript中的原型继承(2)

    两年前在我学习JavaScript的时候我就写过两篇关于原型继承的博客: 理解JavaScript中原型继承 JavaScript中的原型继承 这两篇博客讲的都是原型的使用,其中一篇还有我学习时的错误 ...

  2. javascript中的原型继承

    在Javascript面向对象编程中,原型继承不仅是一个重点也是一个不容易掌握的点.在本文中,我们将对Javascript中的原型继承进行一些探索. 基本形式 我们先来看下面一段代码: <cod ...

  3. javascript中如何实现继承

    javascript中如何实现继承 // 原型方式的'继承' function Person(name) { //定义一个Person的构造函数 this.name = name; //添加属性 } ...

  4. 关于JavaScript中对象的继承实现的学习总结

    一.原型链 JavaScript 中原型链是实现继承的主要方法.其主要的思想是利用原型让一个引用类型继承另一个引用类型的属性和方法.实现原型链有一种基本模式,其代码如下. function Super ...

  5. JavaScript中的类继承

    JavaScript是一个无class的面向对象语言,它使用原型继承而非类继承.这会让那些使用传统面向对象语言如C++和Java的程序员们感到困惑.正如我们所看到的,JavaScript的原型继承比类 ...

  6. javascript 中的原型继承

    javascript圆形变成的基本规则: 所有数据都是对象: 要得到一个对象,不是通过实例化类,而是找到一个对象作为原型并克隆它: 对象会记住它的原型: 如果对象无法响应某个请求,它会把这个请求委托给 ...

  7. 深入理解JavaScript中的类继承

    由于写本文时全部是在编辑器中边写代码边写感想的,所以,全部思想都写在代码注释里面了 // 类继承 //todo.1 extends 关键字 class Animal { constructor(nam ...

  8. JavaScript中的原型继承原理

    在JavaScript当中,对象A如果要继承对象B的属性和方法,那么只要将对象B放到对象A的原型链上即可.而某个对象的原型链,就是由该对象开始,通过__proto__属性连接起来的一串对象.__pro ...

  9. Javascript中的原型继承具体解释

    js中的继承,是面向对象的知识,由于js没有类的概念.所以继承是通过对象实现的.谈到继承.就必须说到prototype,就不得不先说下new的过程. 一个小小的列子: <script type= ...

随机推荐

  1. “一次编写,随处运行” Intel HTML5技术研讨会

    HTML5 是一种开放标准.通过使用此标准,开发人员只需编写一次程序,即可在任何地方运行. 这一跨平台方法能够显著增加开发人员的总体潜在受众,同时在不同屏幕尺寸上为用户带来更一致的体验.因此,HTML ...

  2. UVA 12436 - Rip Van Winkle&#39;s Code(线段树)

    UVA 12436 - Rip Van Winkle's Code option=com_onlinejudge&Itemid=8&page=show_problem&cate ...

  3. JTAG TAP Controller

    The TAP controller is a synchronous finite state machine that responds to changes at the TMS and TCK ...

  4. Git 忽略某个目录中的文件,同时保留这个目录

    类似的一个问题是项目根目录下可能有 logs 一类的目录, 我们希望他人把仓库 clone 下来的时候能够已经携带了这个目录, 但又不希望让这个目录中的日志文件进版本库. 之前看到一些项目用了一种比较 ...

  5. lodoop打印控件详解

    注意:使用此打印控件需要引入(在我上传的Demo中都有): install_lodop32.exe install_lodop64.exe LodopFuncs.js jquery-1.10.0.mi ...

  6. 对 Git 分支 master 和 origin/master 的一些认识

    首先要明确一点,对 Git 的操作是围绕 3 个大的步骤来展开的(其实几乎所有的 SCM 都是这样) 从 git 取数据(git clone) 改动代码 将改动传回 git(git push) 这 3 ...

  7. Linux网络编程socket选项之SO_LINGER,SO_REUSEADDR

    from http://blog.csdn.net/feiyinzilgd/article/details/5894300 Linux网络编程中,socket的选项很多.其中几个比较重要的选项有:SO ...

  8. Linux内存管理学习3 —— head.S中的段页表的建立

    作者 彭东林 pengdonglin137@163.com 平台 TQ2440 Qemu+vexpress-ca9 Linux-4.10.17 正文 继续分析head.S: ldr r13, =__m ...

  9. java多态--算法实现就是多态

    算法:是实现集合接口的对象里的方法执行的一些有用的计算,例如:搜索和排序. 这些算法被称为多态,那是因为相同的方法可以在相似的接口上有着不同的实现. 集合接口 集合框架定义了一些接口.本节提供了每个接 ...

  10. ArcGIS Pro 中的布局

    ArcGIS Pro 中的布局 页面布局(通常简称为布局)是在虚拟页面上组织的地图元素的集合,旨在用于地图打印.常见的地图元素包括一个或多个地图框(每个地图框都含有一组有序的地图图层).比例尺.指北针 ...