首页 web前端 js教程 采用声明式数据访问来尊重您作为开发人员的智慧

采用声明式数据访问来尊重您作为开发人员的智慧

Dec 18, 2024 pm 04:57 PM

Embracing Declarative Data Access to Respect Your Intelligence as a Developer

在软件开发的世界中,我们经常发现自己在两种范式之间左右为难:命令式声明式。对于许多开发人员来说,命令式代码的吸引力在于它的简单性——只需逐步编写指令,您就可以确切地知道计算机在做什么。然而,随着复杂性的增加,这种循序渐进的方法变成了分散在代码库中的混乱的逻辑。相比之下,声明式方法旨在让您描述您想要什么,而不是如何获得它,从而将您从微观管理细节中解放出来。

在这篇文章中,我们并不是要证明声明式是“最佳”方法。相反,我们将探索声明式设计如何创建一个尊重您作为开发人员的智慧的系统,使您能够优雅地扩展您的应用程序并以少得多的认知开销来维护它。


势在必行:详细说明之路

假设您正在构建一个小型应用程序来从各种 API 获取帖子和用户。命令式方式可能如下所示:

const axios = require('axios');

// Imperative approach: You write every step for every request
async function fetchAllPosts() {
    const response = await axios.get('https://jsonplaceholder.typicode.com/posts');
    return response.data;
}

async function fetchUsers() {
    const response = await axios.get('https://dummyjson.com/users');
    return response.data.users;
}
登录后复制

乍一看,这很简单——只需执行 GET 请求并返回数据即可。但当复杂性逐渐增加时会发生什么?您可能需要:

  • 不同模型的多个端点。
  • 身份验证标头。
  • 分页、过滤和复杂查询。
  • 数据验证和模型之间的关系。

您很快就会发现自己在各处复制和粘贴代码、硬编码端点和标头,并手动管理复杂的逻辑网络。命令式风格开始感觉像是一件苦差事:您一次又一次地编写相同的指令,并且很容易忘记所有逻辑所在的位置。


声明式:意图和模式的世界

现在让我们看看更具声明性的设计。您无需告诉系统如何获取每个资源,而是描述什么每个资源的外观、它所在的位置以及它与其他资源的关系。然后,您让灵活的适配器或管理器处理幕后的细节。

这是一个例子:

class PostAdapter extends APIAdapter {
    static baseURL = 'https://jsonplaceholder.typicode.com/';
    static headers = {};
    static endpoint = 'posts';

    async *all(...args){
        // Insert custom business logic here (e.g., logging, pagination)
        return await super.all(...args)
    }
}

class UserAdapter extends APIAdapter {
    static baseURL = 'https://dummyjson.com/';
    static headers = {};
    static endpoint = 'users';
}

class CustomValidatedPost extends Post {
    static schema = {
        ...Post.schema,
        email: 'string',
        body: 'string',
        userId: 'number'
    };
    static adapter = PostAdapter;
}

class CustomUser extends User {
    static adapter = UserAdapter;

    async _post() {
        return await CustomValidatedPost.objects.query({ id: this.id });
    }
}

// Using the declared models and adapters:
const userIterator = await CustomUser.objects.all();
async function processNextUser() {
    const { value: user, done } = await userIterator.next();
    if (done) return;
    // Handle your user data here
}
登录后复制

乍一看,这可能看起来更复杂,因为我们有类、静态属性和适配器。但仔细看看:

  • 到处都没有硬编码的 URL:基本 URL、端点和标头在类级别定义一次。对该模型的任何请求都会自动使用这些默认值。
  • 声明关系,而非强制:CustomUser 定义了一个 _post 方法,该方法返回与用户相关的帖子。这感觉几乎就像一个查询,而不是一堆命令式代码。您正在陈述您的意图:“我想要该用户的帖子。”
  • 轻松扩展和自定义:需要自定义逻辑来获取帖子?只需重写 PostAdapter 中的 all() 即可。通过使此逻辑成为默认行为的干净扩展,您可以减少意外破坏其他内容的机会。

换句话说,您正在构建一个读起来更像是一组声明而不是一组指令的系统。适配器和模型形成了其余代码可以依赖的模式,而不是随机 axios.get() 调用的临时集群。


真正的胜利:尊重开发者的智慧

为什么要付出这样的努力?因为随着项目的增长,您不想浪费时间在命令式逻辑的雷区中航行。声明式设计设定期望:

  • 当您看到 CustomUser.objects.all() 时,您立即知道它的含义:它返回所有 CustomUser 实例的迭代器。无需猜测。
  • 当你声明 static adapter = UserAdapter; 时,你就知道 CustomUser 上的任何数据操作都会在幕后使用 UserAdapter。一致性和清晰度是内置的。
  • 当您在模型上定义静态模式时,您可以相信系统知道如何验证或处理这些字段,而无需重新编写重复的命令性代码。

这种方法尊重您作为开发人员的智慧。它不会强迫您回忆哪个端点属于哪个模型或定义标头的位置。相反,它让您在更高的层次上思考:定义数据的外观及其关联方式,然后让框架处理其余的事情。


不是“最好”,而是可持续发展

我们并不是说带有适配器和静态字段的声明式方法普遍优于原始命令式代码。对于小脚本,axios.get() 可能就满足您的需要。但随着系统规模的扩大,声明式方法会创建一个可持续的环境,其中更改不会那么痛苦,功能更容易添加,并且总体复杂性得到妥善管理。

你可以说这是关于构建一个系统,让你(开发人员)更像是一个聪明的工程师,而不是一个指令转录员。


结论

如果您习惯于手写每一步,那么声明式方法一开始可能会感觉很陌生。但是,一旦您体验到拥有一致的模式、明确声明的端点以及整齐地添加自定义逻辑的位置的平静,就很难再回到命令式蔓延。

这不是为了证明优越性。这是为了提供一种对未来的自己更友善、更尊重你的时间、更符合你对数据和关系的看法的方法。您不必对每个请求进行微观管理,而是编写读起来像故事的代码,专注于您想要的什么,而不是如何获得它的每个乏味细节。

以上是采用声明式数据访问来尊重您作为开发人员的智慧的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1655
14
CakePHP 教程
1413
52
Laravel 教程
1306
25
PHP教程
1252
29
C# 教程
1226
24
前端热敏纸小票打印遇到乱码问题怎么办? 前端热敏纸小票打印遇到乱码问题怎么办? Apr 04, 2025 pm 02:42 PM

前端热敏纸小票打印的常见问题与解决方案在前端开发中,小票打印是一个常见的需求。然而,很多开发者在实...

神秘的JavaScript:它的作用以及为什么重要 神秘的JavaScript:它的作用以及为什么重要 Apr 09, 2025 am 12:07 AM

JavaScript是现代Web开发的基石,它的主要功能包括事件驱动编程、动态内容生成和异步编程。1)事件驱动编程允许网页根据用户操作动态变化。2)动态内容生成使得页面内容可以根据条件调整。3)异步编程确保用户界面不被阻塞。JavaScript广泛应用于网页交互、单页面应用和服务器端开发,极大地提升了用户体验和跨平台开发的灵活性。

谁得到更多的Python或JavaScript? 谁得到更多的Python或JavaScript? Apr 04, 2025 am 12:09 AM

Python和JavaScript开发者的薪资没有绝对的高低,具体取决于技能和行业需求。1.Python在数据科学和机器学习领域可能薪资更高。2.JavaScript在前端和全栈开发中需求大,薪资也可观。3.影响因素包括经验、地理位置、公司规模和特定技能。

如何实现视差滚动和元素动画效果,像资生堂官网那样?
或者:
怎样才能像资生堂官网一样,实现页面滚动伴随的动画效果? 如何实现视差滚动和元素动画效果,像资生堂官网那样? 或者: 怎样才能像资生堂官网一样,实现页面滚动伴随的动画效果? Apr 04, 2025 pm 05:36 PM

实现视差滚动和元素动画效果的探讨本文将探讨如何实现类似资生堂官网(https://www.shiseido.co.jp/sb/wonderland/)中�...

JavaScript的演变:当前的趋势和未来前景 JavaScript的演变:当前的趋势和未来前景 Apr 10, 2025 am 09:33 AM

JavaScript的最新趋势包括TypeScript的崛起、现代框架和库的流行以及WebAssembly的应用。未来前景涵盖更强大的类型系统、服务器端JavaScript的发展、人工智能和机器学习的扩展以及物联网和边缘计算的潜力。

如何使用JavaScript将具有相同ID的数组元素合并到一个对象中? 如何使用JavaScript将具有相同ID的数组元素合并到一个对象中? Apr 04, 2025 pm 05:09 PM

如何在JavaScript中将具有相同ID的数组元素合并到一个对象中?在处理数据时,我们常常会遇到需要将具有相同ID�...

JavaScript引擎:比较实施 JavaScript引擎:比较实施 Apr 13, 2025 am 12:05 AM

不同JavaScript引擎在解析和执行JavaScript代码时,效果会有所不同,因为每个引擎的实现原理和优化策略各有差异。1.词法分析:将源码转换为词法单元。2.语法分析:生成抽象语法树。3.优化和编译:通过JIT编译器生成机器码。4.执行:运行机器码。V8引擎通过即时编译和隐藏类优化,SpiderMonkey使用类型推断系统,导致在相同代码上的性能表现不同。

前端开发中如何实现类似 VSCode 的面板拖拽调整功能? 前端开发中如何实现类似 VSCode 的面板拖拽调整功能? Apr 04, 2025 pm 02:06 PM

探索前端中类似VSCode的面板拖拽调整功能的实现在前端开发中,如何实现类似于VSCode...

See all articles