javascript(js)创建对象的模式与继承的几种方式
2017-10-11 23:54
597 查看
1.js创建对象的几种方式
工厂模式
为什么会产生工厂模式,原因是使用同一个接口创建很多对象,会产生大量的重复代码,为了解决这个问题,产生了工厂模式。
function createPerson(name,age,job){
var o=new Object();
o.name=name;
o.age=age;
o.job=job;
o.sayName=function(){
console.log(this.name);
}
return o;
}
var person1=createPerson("kobe","34","player");
var person2=createPerosn("patty","32","singer");
构造函数模式
与工厂模式不同的是,没有显示的创建对象,直接将属性和方法赋值this对象,没有return语句。
function Person(name,age,job){
this.name=name;
this.age=age;
this.job=job;
this.sayName=function(){
console.log(this.name);
};
}
var person1=new Person();
var person2=new Person();
console.log(person1.sayName==person2.sayName)//false 说明不同实例的同名函数是不相等的
如果我们想要的结果是两者相等,可以这样实现
function Person(name,age,job){
this.name=name;
this.age=age;
this.job=job;
this.sayName=sayName;
}
function sayName(){
console.log(this.name);
}
var person1=new Person();
var person2=new Person();
console.log(person1.sayName==person2.sayName);//true
创建Person的新实例,需要用到new操作符,这种方式下调用构造函数会经历四个阶段,分别是:
创建一个新对象
将构造函数的作用域赋值给这个新的对象
执行构造函数中的代码
返回新对象
person1和person2这两个对象都有一个constructor属性,该属性指向Person
console.log(person1.constructor==Person);//true
console.log(person2.constructor==Person);//true
原型模式
特点:新对象的这些属性和方法是所有实例共享的
function Person(){
}
Person.prototype.name="kobe";
Person.prototype.age=38;
工厂模式
为什么会产生工厂模式,原因是使用同一个接口创建很多对象,会产生大量的重复代码,为了解决这个问题,产生了工厂模式。
function createPerson(name,age,job){
var o=new Object();
o.name=name;
o.age=age;
o.job=job;
o.sayName=function(){
console.log(this.name);
}
return o;
}
var person1=createPerson("kobe","34","player");
var person2=createPerosn("patty","32","singer");
构造函数模式
与工厂模式不同的是,没有显示的创建对象,直接将属性和方法赋值this对象,没有return语句。
function Person(name,age,job){
this.name=name;
this.age=age;
this.job=job;
this.sayName=function(){
console.log(this.name);
};
}
var person1=new Person();
var person2=new Person();
console.log(person1.sayName==person2.sayName)//false 说明不同实例的同名函数是不相等的
如果我们想要的结果是两者相等,可以这样实现
function Person(name,age,job){
this.name=name;
this.age=age;
this.job=job;
this.sayName=sayName;
}
function sayName(){
console.log(this.name);
}
var person1=new Person();
var person2=new Person();
console.log(person1.sayName==person2.sayName);//true
创建Person的新实例,需要用到new操作符,这种方式下调用构造函数会经历四个阶段,分别是:
创建一个新对象
将构造函数的作用域赋值给这个新的对象
执行构造函数中的代码
返回新对象
person1和person2这两个对象都有一个constructor属性,该属性指向Person
console.log(person1.constructor==Person);//true
console.log(person2.constructor==Person);//true
原型模式
特点:新对象的这些属性和方法是所有实例共享的
function Person(){
}
Person.prototype.name="kobe";
Person.prototype.age=38;
相关文章推荐
- 韩顺平 javascript教学视频_学习笔记13_类和对象细节_创建对象的几种方式_js对象内存分析
- javascript学习(十五):js中对象的常用的几种创建方式
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- javascript对象的几种模式创建方式
- js-JavaScript常见的创建对象的几种方式
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第30讲_类和对象细节_创建对象的几种方式_js对象内存分析_学习笔记_源代码图解_PPT文档整理
- js创建对象的几种方式
- Javascript中创建对象的几种方式
- js创建对象的几种常用方式
- JS创建对象的几种方式
- 【javascript】创建对象的几种方式
- js创建对象的几种方式
- JS中创建对象的几种模式
- JavaScript 创建对象的几种方式?
- JavaScript JS中定义对象的几种方式
- 【学习笔记六】 - js中 创建对象的模式与继承 及 js中实现块级作用域和函数私有变量 《js高程》6-7笔记
- JavaScript中创建对象的几种模式
- js创建对象的几种常用方式
- JavaScript中创建对象的几种方式