JS实例属性和原型属性的区别
发布于 2年前 作者 zhs077 1628 次浏览
1.实例属性指的是在构造函数方法中定义的属性,属性和方法都是不一样的引用地址例如
function CreateObject(name,age){
    this.name=name;  //实例属性
    this.age=age;
    this.run=function(){   //实例方法
        return this.name + this.age;
    }
    
    //可以设置全局方法来实现引用地址一致性 .会出现问题
    //this.run = run;
}


var box1 = new CreateObject('ZHS',100);
var box2 = new CreateObject('ZHS',100);


console.log(box1.name == box2.name);//true
console.log(box1.run() == box2.run());//true
console.log(box1.run == box2.run); //false 比较的是引用地址
如何让box1,和box2run方法的地址一致呢?使用冒充
例如:
/对象冒充
var o = new Object();
Box.call(o,'xlp',200);
console.log(o.run());//
2.原型属性指的是不在构造函数中定义的属性,属性和方法都是一样的引用地址,例如
//原型
function CreateObject(){}
CreateObject.prototype.name='ZHS';
CreateObject.prototype.age='100';
CreateObject.prototype.run=function(){
    return this.name + this.age;
}


var CreateObject1 = new CreateObject();
var CreateObject2 = new CreateObject();
console.log(CreateObject1.run == CreateObject2.run); //true
console.log(CreateObject1.prototype);//这个属性是个对象,访问不了
console.log(CreateObject1.__proto__);//这个属性是个指针指向prototype原型对象
console.log(CreateObject1.constructor);//构造属性
如果我们在CreateObject1 添加自己属性呢?例如
CreateObject1.name='XLP';
console.log(CreateObject1.name);// 打印XLP //就近原则
可以使用delete删除实例属性和原型属性
delete CreateObject1.name;  //删除实例中的属性
delete CreateObject.prototype.name ;//删除原型中的属性
8 回复

第一种方式会对每一个类的方法和属性独立开辟一块内存空间,而原型链的方式则仅仅是引用,很少有场景会用到第一种方式吧?

回到顶部