极简主义法编写JavaScript类

这个所谓的"极简主义法"是荷兰程序员Gabor de Mooij提出来的,这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因。下面就介绍如何使用极简主义法完成JavaScript的封装和继承

1. 封装

  首先,它也是用一个对象模拟"类"。在这个类里面,定义一个构造函数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(); // 喵喵喵

  这种方法的好处是,容易理解,结构清晰优雅,符合传统的"面向对象编程"的构造,因此可以方便地部署下面的特性。

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实例,就会继承Animal类。

 var cat1 = Cat.createNew();
 cat1.sleep(); // 睡懒觉

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

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(); // 啦啦啦

  极简主义,看起来很美好,但是也有缺点,首先是不能使用instanceof 判断对象所属的类,"cat1 instanceof Cat"无法通过,另外,极简主义虽然摆脱了使用原型链的缺点(属性不能私有、创建、继承对象不够直观),但也暴露了没用原型链的弊端:每一次生成一个实例,都必须为重复的内容,多占用一些内存。

总结

以上所述是小编给大家介绍的极简主义法编写JavaScript类,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

您可能感兴趣的文章:

  • JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】
  • Angularjs 双向绑定时字符串的转换成数字类型的问题
  • JS实现弹出下载对话框及常见文件类型的下载
(0)

相关推荐

  • JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】

    本文实例讲述了JS条形码插件JsBarcode用法.分享给大家供大家参考,具体如下: 这里介绍一下在GitHub生成条形码的js插件→JsBarcode 条码支持的有: CODE128   CODE128 (自动模式切换)   CODE128 A/B/C (强制模式) EAN   EAN-13   EAN-8   EAN-5   EAN-2   UPC (A) CODE39 ITF-14 MSI   MSI10   MSI11   MSI1010   MSI1110 Pharmacode Cod

  • JS实现弹出下载对话框及常见文件类型的下载

    1.写在前面 JS要实现下载功能,一般都是这么几个过程:生成下载的URL,动态创建一个A标签,并将其href指向生成的URL,然后触发A标签的单击事件,这样就会弹出下载对话框,从而实现了一个下载的功能. 这里所说的下载,有时候也可以理解为保存.出于安全考虑,JS肯定无法直接调用FileAPI写文件到磁盘,但是却可以通过下载来变相实现保存功能. 2.几个备用知识点 2.1. JS触发单击事件 既然是用A标签模拟,那么肯定要知道JS如何主动触发单击事件. 最简单的触发单击事件肯定是elem.clic

  • Angularjs 双向绑定时字符串的转换成数字类型的问题

    问题: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app="myAp

  • 极简主义法编写JavaScript类

    这个所谓的"极简主义法"是荷兰程序员Gabor de Mooij提出来的,这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因.下面就介绍如何使用极简主义法完成JavaScript的封装和继承 1. 封装 首先,它也是用一个对象模拟"类".在这个类里面,定义一个构造函数createNew(),用来生成实例. var Cat = { createNew: function(){ // some c

  • JavaScript面向对象(极简主义法minimalist approach)

    极简主义法 荷兰程序员 Gabor de Mooij 提出了一种比 Object.create ()更好的新方法,他称这种方法为"极简主义法"(minimalist approach).这也是我推荐的方法. 3. 1 封装 这种方法不使用 this 和 prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因. 首先,它也是用一个对象模拟"类".在这个类里面,定义一个构造函数 createNew (),用来生成实例. 复制

  • js分解url参数(面向对象-极简主义法应用)

    修改前: 复制代码 代码如下: <script type="text/javascript"> var url="www.taobao.com?key0=a&key1=b&key2=c"; function parseQueryString(url){ var str=url.split("?")[1], items=str.split("&"); var arr,name,value; f

  • 使用Modello编写JavaScript类

    From:http://www.ajaxwing.com/index.php?id=2 一,背景 回顾一下编程语言的发展,不难发现这是一个不断封装的过程:从最开始的汇编语言,到面向过程语言,然后到面向对象语言,再到具备面向对象特性的脚本语言,一层一层封装,一步一步减轻程序员的负担,逐渐提高编写程序的效率.这篇文章是关于 JavaScript 的,所以我们先来了解一下 JavaScript 是一种怎样的语言.到目前为止,JavaScript 是一种不完全支持面向对象特性的脚本语言.之所以这样说是因

  • Python使用PyQt5/PySide2编写一个极简的音乐播放器功能

    疫情肆虐,憋在家实在无聊,索性写点东西,于是就有了这个极极极极极简的音乐播放器. 这个极极极简的音乐播放器类似于"阅后即焚"的软件,播放器可以随机播放歌曲,获取下一首歌曲,不能重新播放上一首歌曲,不能获取歌曲的名称和演唱者.听过的歌曲,就像过眼云烟,放完即散. 下面来看看如何用Python实现这个音乐播放器软件吧! 一.创建UI界面 首先,我们来创建这个播放器的UI界面.这个播放器一共有6个控件: 左上角的程序关闭按钮: 左侧的播放状态标签: 顶部的slogan; 播放/暂停按钮: 下

  • 结合 ES6 类编写JavaScript 创建型模式

    目录 前言 什么是设计模式? 创建型设计模式 1. 工厂模式 实例 2. 抽象工厂 实例 3. 构建器模式 实例 4. 原型模式 实例 5. 单例模式 实例 前言 什么是设计模式? 设计模式是软件设计中常见问题的解决方案,这些模式很容易重复使用并且富有表现力. 在软件工程中,设计模式(design pattern)是对软件设计中普遍存在(反复出现)的各种问题,所提出的解决方案.它并不直接用来完成代码的编写,而是描述在各种不同情况下,要怎么解决问题的一种方案.面向对象设计模式通常以类别或对象来描述

  • 使用CoffeeScrip优美方式编写javascript代码

    JavaScript无疑是在web最伟大的发明之一,几乎一切网页动态效果都是基于它丰富的计算能力.而且它的能力在各种新的JavaScript的Engine下也越来越强了,比如Google Chrome用的V8 Engine. 但是由于诞生的太早,有很多语法定义在今天看来有些效率低下了,一些更加先进的语法形式,由于历史原因,没办法加入到现在的JavaScript语言中,可以说一种遗憾. 世界上的很多天才都在为构建更好的JavaScript而努力.已经有了很多尝试,其中最有前途的,无非就是Coffe

  • 90分钟实现一门编程语言(极简解释器教程)

    本文介绍了如何使用 C# 实现一个简化 Scheme--iScheme 及其解释器. 如果你对下面的内容感兴趣: 实现基本的词法分析,语法分析并生成抽象语法树. 实现嵌套作用域和函数调用. 解释器的基本原理. 以及一些 C# 编程技巧. 那么请继续阅读. 如果你对以下内容感兴趣: 高级的词法/语法分析技术. 类型推导/分析. 目标代码优化. 本文则过于初级,你可以跳过本文,但欢迎指出本文的错误 :-) 代码样例 public static int Add(int a, int b) { retu

  • Vue组件之极简的地址选择器的实现

    一.前言 本文用Vue完成一个极简的地点选择器,我们接下来带大家实现这个.当然其中也有一些值得学习与注意的地方.话不多说,我们先上demo图.因为每个人的需要不一样,我这边就不在实现更多的功能,所以留有更大的空间供大家增删改. GitHub地址:Vue-location_Select 二.需要学习的地方 (1)数据更新Vue无法监控 首先要说一下的就是这个点,我们在Vue中有个好处就是可以不用操作dom,直接操作数据.但是这其实也有Vue无法监控的数据.如数组和对象.当然这里只是指一小部分操作而

  • 利用Go语言快速实现一个极简任务调度系统

    目录 引子 思路 实战 交互界面 定时任务 任务执行 代码效果 总结 引子 任务调度(Task Scheduling)是很多软件系统中的重要组成部分,字面上的意思是按照一定要求分配运行一些通常时间较长的脚本或程序.在爬虫管理平台 Crawlab 中,任务调度是其中的核心模块,相信不少朋友会好奇如何编写一个任务调度系统.本篇文章会教读者用 Go 语言编写一个非常简单的任务调度系统. 思路 我们首先理清一下思路,开发最小化任务调度器需要什么. 交互界面(API) 定时任务(Cron) 任务执行(Ex

随机推荐