建站学院

当前位置:

JavaScript 设计模式:深入了解有效的设计

浏览量:290次

javascript 设计模式:深入了解有效的设计

今天,我们将戴上计算机科学的帽子,学习一些常见的设计模式。设计模式为开发人员提供了以可重用且优雅的方式解决技术问题的方法。有兴趣成为一名更好的 JavaScript 开发人员吗?然后继续阅读。

重新发布的教程

每隔几周,我们就会重新访问网站历史上一些读者最喜欢的帖子。本教程首次发布于 2012 年 7 月。


简介

可靠的设计模式是可维护的软件应用程序的基本构建块。如果您曾经参加过技术面试,您一定会喜欢被问到这些问题。在本教程中,我们将介绍一些您今天就可以开始使用的模式。


什么是设计模式?

设计模式是可重用的软件解决方案

简单地说,设计模式是针对软件开发过程中经常出现的特定类型问题的可重用的软件解决方案。经过多年的软件开发实践,专家们已经找到了解决类似问题的方法。这些解决方案已被封装到设计模式中。所以:

  • 模式是经过验证的软件开发问题解决方案
  • 模式是可扩展的,因为它们通常是结构化的并且具有您应该遵循的规则
  • 模式可以重复使用来解决类似的问题

我们将在本教程中进一步介绍一些设计模式的示例。


设计模式的类型

在软件开发中,设计模式通常分为几类。我们将在本教程中介绍三个最重要的内容。下面简要解释一下:

  1. 创建模式侧重于创建对象或类的方法。这听起来可能很简单(在某些情况下确实如此),但大型应用程序需要控制对象创建过程。

  2. 结构设计模式侧重于管理对象之间关系的方法,以便以可扩展的方式构建应用程序。结构模式的一个关键方面是确保应用程序某一部分的更改不会影响所有其他部分。

  3. 行为模式侧重于对象之间的通信。

阅读这些简短说明后您可能仍有疑问。这是很自然的,一旦我们深入研究下面的一些设计模式,事情就会变得清晰起来。所以请继续阅读!


关于 JavaScript 中的类的注释

在阅读设计模式时,您经常会看到对类和对象的引用。这可能会令人困惑,因为 JavaScript 并不真正具有“类”的构造;更正确的术语是“数据类型”。

JavaScript 中的数据类型

JavaScript 是一种面向对象的语言,其中对象以原型继承的概念从其他对象继承。可以通过定义所谓的构造函数来创建数据类型,如下所示:

function Person(config) {
    this.name = config.name;
    this.age = config.age;
}

Person.prototype.getAge = function() {
    return this.age;
};

var tilo = new Person({name:"Tilo", age:23 });
console.log(tilo.getAge());
登录后复制

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【915688610@qq.com】,我们在确认后,会立即删除,保证您的版权。