您的位置:首页 > Web前端 > JavaScript

JavaScript面向对象

2020-03-24 12:37 721 查看

基于Object对象:

例如:

var stu=new Object();

stu.name='jack';

stu.age=20;

stu.job='worker';

stu.getjob=function(){return this.job;}

基于对象字面量表达式:

var stu={

name:'jack',

age:20,

job:'worker',

getjob:function(){alert(this.job);};

}

通过工厂模式创建对象
抽象了创建对象的具体过程,用函数来封装以特定接口创建对象的细节。

funtion createPerson(name , age , job) {
    var o = new Object();
    o.name=name;
    o.age=age;
    o.job=job;
    o.sayname=funtion(){
        alert(this.name);
    }
    return o;
}
var person1 = createPerson("zhangsan",12,"Student");
var person2 = createPerson("Lisi",44,"Teacher");

 

通过原型模式创建对象
创建每一个函数 都有一个prototype(原型)属性(默认,自动生成的),该属性又是一个对象,它用于包含可以由特定类型的所有实例共享的属性和方法。原型prototype是函数的一个自带属性。可以看作是构造函数在实例化时创作的那个对象。 
好处:让所有对象实例共享它所包含的属性和方法,不用在构造函数中定义对象信息,直接将这些信息添加在原型中

function Box(){}
Box.prototype.name="Lee";
Box.prototype.age=33;
Box.prototype.run=function(){
    return this.name+" "+this.age+" running";
}
var box1 = new Box();
alert(box1.name);
alert(box1.run());
var box2 = new Box();
alert(box1.run==box2.run);//true
alert(box1.prototype);
alert(box1.__proto__);
alert(box1.constructor);

//isPrototypeOf()
var obj = new Object();
alert(Box.prototype.isPrototypeOf(box1)); 
alert(Object.prototype.isPrototypeOf(box1)); 
box1.name="Milk";
alert(box1.name);//milk
alert(box2.name);//Lee
alert(box1.hasOwnProperty("name"));
alert(box2.hasOwnProperty("name"));
alert('name' in box2);  //true

 

  • 点赞
  • 收藏
  • 分享
  • 文章举报
DWBooker 发布了4 篇原创文章 · 获赞 0 · 访问量 64 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: