javascript(js)创建对象的模式与继承的几种方式
来源:互联网 发布:淘宝如何找代理商 编辑:程序博客网 时间:2024/05/19 16:48
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;
- javascript(js)创建对象的模式与继承的几种方式
- js中创建对象和继承的几种方式
- javascript 对象继承的几种方式
- JavaScript 创建对象的几种方式
- JavaScript创建对象的几种方式
- Javascript创建对象的几种方式
- javascript创建对象的几种方式
- javascript创建对象的几种方式
- javascript创建对象的几种方式
- javascript 创建对象的几种方式
- Javascript创建对象的几种方式
- JavaScript创建对象的几种方式
- JavaScript创建对象的几种方式
- JavaScript 创建对象的几种方式
- 【javascript】创建对象的几种方式
- javascript创建对象的几种方式
- JavaScript创建对象的几种方式
- Javascript创建对象的几种方式
- 一元线性回归
- <C语言经典100例>c43 不使用中间变量交换值
- 数组排序
- Python网页测试库selenium,动态网页抓取
- html4中好用的冷门标签
- javascript(js)创建对象的模式与继承的几种方式
- jquery中设置 radio
- PE文件格式详解,第三讲,可选头文件格式,以及节表 PE文件格式详解,第三讲,可选头文件格式,以及节表
- hdu1878 判断一个无向图是否存在欧拉回路模板
- WEB服务器、应用程序服务器、HTTP服务器区别
- PHP的魔术方法
- Entity Framework Code First实现乐观并发
- 熟练使用thymeleaf
- linux网络基础