zoukankan      html  css  js  c++  java
  • JavaScript中一个对象如何继承另外一个对象

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

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

    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;
    };
    

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

      

  • 相关阅读:
    GridView绑定模板格式化日期总结
    统计静态页点击量
    行业网seo诊断
    查看sql执行效率
    ItemCommandVSItemDataBound
    【转帖】我眼中的flash和silverlight
    修改SQLserver数据库中的a表的一列等于b表的一列
    过河卒
    最长公共子序列LCS
    情感日记:在中国地质大学的日子
  • 原文地址:https://www.cnblogs.com/haitao-fan/p/3924120.html
Copyright © 2011-2022 走看看