相思资源网 Design By www.200059.com
极简主义法
荷兰程序员 Gabor de Mooij 提出了一种比 Object.create ()更好的新方法,他称这种方法为"极简主义法"(minimalist approach)。这也是我推荐的方法。
3. 1 封装
这种方法不使用 this 和 prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因。
首先,它也是用一个对象模拟"类"。在这个类里面,定义一个构造函数 createNew (),用来生成实例。
复制代码 代码如下:
var Cat = {
createNew: function (){
// some code here
}
};
然后,在 createNew ()里面,定义一个实例对象,把这个实例对象作为返回值。
复制代码 代码如下:
var Cat = {
createNew: function (){
var cat = {};
cat.name = "大毛";
cat.makeSound = function (){ alert ("喵喵喵"); };
return cat;
}
};
使用的时候,调用 createNew ()方法,就可以得到实例对象。
复制代码 代码如下:
var cat1 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵
这种方法的好处是,容易理解,结构清晰优雅,符合传统的"面向对象编程"的构造,因此可以方便地部署下面的特性。
3. 2 继承
让一个类继承另一个类,实现起来很方便。只要在前者的 createNew ()方法中,调用后者的 createNew ()方法即可。
先定义一个 Animal 类。
复制代码 代码如下:
var Animal = {
createNew: function (){
var animal = {};
animal.sleep = function (){ alert ("睡懒觉"); };
return animal;
}
};
然后,在 Cat 的 createNew ()方法中,调用 Animal 的 createNew ()方法。
复制代码 代码如下:
var Cat = {
createNew: function (){
var cat = Animal.createNew ();
cat.name = "大毛";
cat.makeSound = function (){ alert ("喵喵喵"); };
return cat;
}
};
这样得到的 Cat 实例,就会同时继承 Cat 类和 Animal 类。
复制代码 代码如下:
var cat1 = Cat.createNew ();
cat1.sleep (); // 睡懒觉
3. 3 私有属性和私有方法
在 createNew ()方法中,只要不是定义在 cat 对象上的方法和属性,都是私有的。
复制代码 代码如下:
var Cat = {
createNew: function (){
var cat = {};
var sound = "喵喵喵";
cat.makeSound = function (){ alert (sound); };
return cat;
}
};
上例的内部变量 sound,外部无法读取,只有通过 cat 的公有方法 makeSound ()来读取。
复制代码 代码如下:
var cat1 = Cat.createNew ();
alert (cat1.sound); // undefined
3. 4 数据共享
有时候,我们需要所有实例对象,能够读写同一项内部数据。这个时候,只要把这个内部数据,封装在类对象的里面、createNew ()方法的外面即可。
复制代码 代码如下:
var Cat = {
sound : "喵喵喵",
createNew: function (){
var cat = {};
cat.makeSound = function (){ alert (Cat.sound); };
cat.changeSound = function (x){ Cat.sound = x; };
return cat;
}
};
然后,生成两个实例对象:
复制代码 代码如下:
var cat1 = Cat.createNew ();
var cat2 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵
这时,如果有一个实例对象,修改了共享的数据,另一个实例对象也会受到影响。
复制代码 代码如下:
cat2.changeSound ("啦啦啦");
cat1.makeSound (); // 啦啦啦
荷兰程序员 Gabor de Mooij 提出了一种比 Object.create ()更好的新方法,他称这种方法为"极简主义法"(minimalist approach)。这也是我推荐的方法。
3. 1 封装
这种方法不使用 this 和 prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因。
首先,它也是用一个对象模拟"类"。在这个类里面,定义一个构造函数 createNew (),用来生成实例。
复制代码 代码如下:
var Cat = {
createNew: function (){
// some code here
}
};
然后,在 createNew ()里面,定义一个实例对象,把这个实例对象作为返回值。
复制代码 代码如下:
var Cat = {
createNew: function (){
var cat = {};
cat.name = "大毛";
cat.makeSound = function (){ alert ("喵喵喵"); };
return cat;
}
};
使用的时候,调用 createNew ()方法,就可以得到实例对象。
复制代码 代码如下:
var cat1 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵
这种方法的好处是,容易理解,结构清晰优雅,符合传统的"面向对象编程"的构造,因此可以方便地部署下面的特性。
3. 2 继承
让一个类继承另一个类,实现起来很方便。只要在前者的 createNew ()方法中,调用后者的 createNew ()方法即可。
先定义一个 Animal 类。
复制代码 代码如下:
var Animal = {
createNew: function (){
var animal = {};
animal.sleep = function (){ alert ("睡懒觉"); };
return animal;
}
};
然后,在 Cat 的 createNew ()方法中,调用 Animal 的 createNew ()方法。
复制代码 代码如下:
var Cat = {
createNew: function (){
var cat = Animal.createNew ();
cat.name = "大毛";
cat.makeSound = function (){ alert ("喵喵喵"); };
return cat;
}
};
这样得到的 Cat 实例,就会同时继承 Cat 类和 Animal 类。
复制代码 代码如下:
var cat1 = Cat.createNew ();
cat1.sleep (); // 睡懒觉
3. 3 私有属性和私有方法
在 createNew ()方法中,只要不是定义在 cat 对象上的方法和属性,都是私有的。
复制代码 代码如下:
var Cat = {
createNew: function (){
var cat = {};
var sound = "喵喵喵";
cat.makeSound = function (){ alert (sound); };
return cat;
}
};
上例的内部变量 sound,外部无法读取,只有通过 cat 的公有方法 makeSound ()来读取。
复制代码 代码如下:
var cat1 = Cat.createNew ();
alert (cat1.sound); // undefined
3. 4 数据共享
有时候,我们需要所有实例对象,能够读写同一项内部数据。这个时候,只要把这个内部数据,封装在类对象的里面、createNew ()方法的外面即可。
复制代码 代码如下:
var Cat = {
sound : "喵喵喵",
createNew: function (){
var cat = {};
cat.makeSound = function (){ alert (Cat.sound); };
cat.changeSound = function (x){ Cat.sound = x; };
return cat;
}
};
然后,生成两个实例对象:
复制代码 代码如下:
var cat1 = Cat.createNew ();
var cat2 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵
这时,如果有一个实例对象,修改了共享的数据,另一个实例对象也会受到影响。
复制代码 代码如下:
cat2.changeSound ("啦啦啦");
cat1.makeSound (); // 啦啦啦
标签:
JavaScript,面向对象
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无JavaScript面向对象(极简主义法minimalist approach)的评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?