注册 登录
编程论坛 JavaScript论坛

<js高程>里面的对象冒充,不明白objB.sayColor();这句为什么会运行正确?

境善 发布于 2015-05-15 09:52, 2186 次点击
问题:delete this.newMethod;这句已经删除了对ClassA中的方法和属性的引用,为什么objB.sayColor();还能执行正确?
function ClassA(sColor){objB.sayColor();
   this.color=sColor;
   this.sayColor=function(){
    alert(this.color);
   }
}

function  ClassB(sColor,sName){
   this.newMethod=ClassA;
   this.newMethod(sColor);
   delete this.newMethod;
   this.name=sName;
   this.sayName=function(){
    alert(this.name);
   }
}

var objA=new ClassA("red");
var objB=new ClassB("blue","Nick");
objA.sayColor();
objB.sayColor();
objB.sayName();

[ 本帖最后由 境善 于 2015-5-15 09:54 编辑 ]
6 回复
#2
jsRank2015-05-15 10:29
是这样的:this.newMethod(sColor)为objB创建了一个sayColor()属性,delete this.newMethod只是删除了objB的newMethod属性,objB的sayColor()属性并没有删除。事实上newMethod相当于一个创建属性的工厂方法。就好比,你买了一盒东西,这盒东西属于你,然后你把盒扔了,但盒子里的东西依然属于你,除非你把盒子里的东西也扔了。注意:sayColor()是跟objB相关,跟newMethod没关系,他们两个都是objB的属性,如果你将sayColor()绑定到newMethod()上,那如果执行delete this.newMethod。sayColor()也就消失了。
#3
境善2015-05-15 10:52
回复 楼主 境善
代码的第一行右边的objB.sayColor();多写了。。
#4
境善2015-05-15 10:54
回复 2楼 jsRank
明白了 谢谢~~
#5
境善2015-05-15 10:56
回复 楼主 境善
function ClassA(sColor){
   this.color=sColor;
   this.sayColor=function(){
    alert(this.color);
   }
}

function  ClassB(sColor,sName){
   this.newMethod=ClassA;
   this.newMethod(sColor);
   delete this.newMethod;
   this.name=sName;
   this.sayName=function(){
    alert(this.name);
   }
}

var objA=new ClassA("red");
var objB=new ClassB("blue","Nick");
objA.sayColor();
objB.sayColor();
alert(objB.color);//根据二楼讲解 这一行也会正确执行,且是blue,注意体会!!
objB.sayName();
#6
冰镇柠檬汁儿2015-05-15 13:34
体会个啥
        function ClassB(sColor, sName) {
            ClassA(sColor);
            delete this.newMethod;
            this.name = sName;
            this.sayName = function () {
                alert(this.name);
            }
        }
你写那么半天,不就相当于这样的一句吗,那你删不删newMethod有什么意义吗?
#7
hu9jj2015-05-15 14:57
还没有看明白
1