为了探究实质，我们借助chrome浏览器的调试工具，下断点，进行调试，结果发现：
当调用extend.showSelfA();时，此时的this指向extendAB（并不是我们推测的两次都指向baseB对象）
真实原因是extendAB对象的成员变量member在被baseB.call(this);实例化时，被baseB的成员member覆盖了，即extendAB的成员member由baseA member赋值成了baseB member
当然，我们也可以对上面baseA代码稍作修改，来验证我们调试分析的正确性：
复制代码 代码如下:
function baseA() // base Class A
{
this.memberA = "baseA member"; // member改成memberA，以区分baseB中的member
this.showSelfA = function()
{
window.alert(this.memberA); // 显示memberA
}
}
再次运行chrome等浏览器，结果如下：
baseA member
baseB member
结果和我们的预期相同，同时chrome调试信息也验证了我们的正确性：
继承改进（prototype）
以上模拟继承方法，仔细分析不是最好的。
因为每次在函数（类）中定义了成员方法，都会导致实例有副本，因此可以借助prototype原型，进行改进
改进举例如下：
复制代码 代码如下:
<!doctype html>
<html>
<head>
<title> call - apply for prototype </title>
</head>
<body>
<script type="text/javascript">
var Class = {
create: function() // create Function
{
return function()
{
this.initialize.apply(this, arguments);
}
}
};
var Person = Class.create(); // Create Class Person
Person.prototype = { // prototype initialize
initialize: function(obj1, obj2)
{
this.obj1 = obj1;
this.obj2 = obj2;
},
showSelf: function()
{
alert("obj: " + this.obj1 + " and " + this.obj2);
}
}
// instance Class
var person = new Person("man", "women"); // two params
person.showSelf(); // show person
</script>
</body>
</html>
运行结果如下：
obj: man and women
您可能感兴趣的文章: