JavaScript$.extend使用心得及源码研究

Posted 2020-09-09 のんきネコ

最近写多了js的面向对象编程，用$.extend写继承写得很顺手。但是在使用过程中发现有几个问题。

1.深拷贝

$.extend默认是浅拷贝，这意味着在继承复杂对象时，对象中内嵌的对象无法被拷贝到。

因此如果要深拷贝，则需要将第一个参数设置为true。

如：

var a = { a:1 };
var b = { b:{c:1} };
$.extend(a,b);
a = { a:1,b:{c:1} };

2.对象覆盖

在进行面向对象编程时，有这么一种情况。

比如有一个公共对象，某个类在实例化的时候，都要继承这个公共对象。那么在实例化这个类的时候，要保证这个公共对象不被改变，以确保所有实例对象都能继承同一个公共对象。

var common =  { a:1,b:1 };

var A = function(option){
     this.option = $.extend(common,option);  
}

var a = new A({ a:2 });
var b = new A({ b:2 });

a.option = { a:2,b:1 }
b.option = { a:2,b:2 }

从上面这个例子我们可以看到。但在实例化a的时候，common已经被改变了。因此实例化b的时候，a.option.a不是我们想要的1，而是在实例化a时就被污染的2.

针对这个问题。需要这么修改：

var common =  { a:1,b:1 };

var A = function(option){
     this.option = $.extend({},common,option);  
}

var a = new A({ a:2 });
var b = new A({ b:2 });

a.option = { a:2,b:1 }
b.option = { a:2,b:2 }

在用extend引用common的时候，第一个参数使用一个空的对象，这样就能保证common不会被污染。

3.$.extend源码研究

由于时间关系，后续再写。