javascript 写类方式之六_js面向对象
程序员文章站
2022-06-02 08:58:19
...
6、Prototype.js的写类方式
//prototype.js中的代码
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
//简化后的
function Clazz() {
return function(){
this.initialize.apply(this,arguments);
}
}
如下步骤写一个类,
//类名Person
var Person = Class.create();
//通过原型重写来定义Person
Person.prototype = {
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
//创建对象
var p = new Person("jack");
console.log(p.constructor == Person);//false
initialize完成对象的初始化(相当于构造函数),方法依次往下写即可。
有个问题,通过这句p.constructor == Person为false可以看到,这正是Prototype.js一个小小的缺陷。原因是重写了Person的原型。为了使constructor能指向正确的构造器,只需在原型重写时维护好constructor属性即可。
Person.prototype = {
constructor : Person,//注意这里
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
好了,这时候p.constructor == Person就是true了。
复制代码 代码如下:
//prototype.js中的代码
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
}
//简化后的
function Clazz() {
return function(){
this.initialize.apply(this,arguments);
}
}
如下步骤写一个类,
复制代码 代码如下:
//类名Person
var Person = Class.create();
//通过原型重写来定义Person
Person.prototype = {
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
//创建对象
var p = new Person("jack");
console.log(p.constructor == Person);//false
initialize完成对象的初始化(相当于构造函数),方法依次往下写即可。
有个问题,通过这句p.constructor == Person为false可以看到,这正是Prototype.js一个小小的缺陷。原因是重写了Person的原型。为了使constructor能指向正确的构造器,只需在原型重写时维护好constructor属性即可。
复制代码 代码如下:
Person.prototype = {
constructor : Person,//注意这里
initialize : function(name) {
this.name = name;
},
getName : function() {
return this.name;
},
setName : function(name) {
this.name = name;
}
}
好了,这时候p.constructor == Person就是true了。
上一篇: mysql查询语句有关问题,求,多谢
下一篇: 将Execl中的数据导入Sqlite3中
推荐阅读
-
javascript 写类方式之五_js面向对象
-
JavaScript 面向对象的之私有成员和公开成员_js面向对象
-
javascript 模式设计之工厂模式学习心得_js面向对象
-
Javascript基础回顾之(三) js面向对象
-
前端(六):JavaScript面向对象之宿主对象
-
前端笔记之JavaScript面向对象(三)初识ES6&underscore.js&EChart.js&设计模式&贪吃蛇开发
-
重学js之JavaScript 面向对象的程序设计(创建对象)
-
Javascript基础回顾之(三) js面向对象
-
javascript Base类 包含基本的方法_js面向对象
-
javascript类式继承新的尝试_js面向对象