如何在 Deno 中使用 import

Deno 是一款现代化的 JavaScript/TypeScript 运行时环境,它支持 ES 模块的导入和自动类型推导等现代化特性。这篇文章将介绍如何在 Deno 中使用 import,帮助前端开发者更好地掌握 Deno 的使用技巧。

导入模块

在 Deno 中,我们可以使用 import 关键字来导入外部模块。Deno 支持从 URL 中导入模块,也支持从本地文件系统中导入模块。以下是一个从 URL 中导入模块的示例:

------ - ----- - ---- --------------------------------------------

这里我们从 Deno 的标准库中导入了 serve 方法,它可以用于启动一个 HTTP 服务器。我们可以在程序中使用 serve 方法来创建一个服务器实例,然后监听来自客户端的请求。下面是一个例子:

------ - ----- - ---- --------------------------------------------

----- ------ - ------- ----- ---- ---

----------------- ------ -- --------- -- ---- --------

--- ----- ------ --- -- ------- -
  ------------- ----- ------- ------- ---
-

在这个例子中,我们使用 serve 方法创建了一个 HTTP 服务器,并将它监听在 8000 端口上。当有客户端来访问时,我们会发送一个 Hello, World! 的响应。

从本地文件系统中导入模块

除了从 URL 中导入模块,我们还可以从本地文件系统中导入我们自己编写的模块。在 Deno 中,我们可以使用相对路径或绝对路径来导入本地模块。以下是一个从本地文件系统中导入模块的示例:

------ - --- - ---- ------------

这里我们从本地文件系统中导入了一个 math.ts 模块,并导出了其中的 sum 方法。我们可以在程序中使用导入的 sum 方法进行计算。下面是一个例子:

-- -------
------ -------- ------ ------- -- -------- ------ -
  ------ - - --
-

-- ------
------ - --- - ---- ------------

----- ------ - ------ ---

---------------- ------ -- -------------

在这个例子中,我们从本地文件系统中导入了一个 math.ts 模块,并使用其中的 sum 方法进行计算。我们可以在命令行中执行 deno run app.ts 来启动程序,并看到输出结果 The result is 3.

总结

本文介绍了在 Deno 中如何使用 import 关键字来导入外部模块和本地模块。我们通过示例代码来演示了如何使用从 URL 中导入模块和从本地文件系统中导入模块。希望这篇文章能帮助前端开发者更好地掌握 Deno 的使用技巧。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64a91cc348841e9894568866


猜你喜欢

  • Webpack 如何处理 async/await 代码?

    Webpack 如何处理 async/await 代码? 在现代的 Web 开发中,async/await 已经成为了异步编程的主要方式。它通过语法糖的方式让异步代码看起来更加简洁清晰,允许开发者使用...

    1 年前
  • 在 Node.js 中使用 request-promise 进行异步 http 请求

    在前端开发过程中,经常需要与后端接口进行数据交换。Node.js 中提供了 request-promise 这一模块,对于进行异步 http 请求来说,是一个非常方便的工具。

    1 年前
  • 使用 Vue Router 实现 SPA 应用的权限控制

    单页应用(Single Page Application,SPA)在前端开发中越来越流行,但是随着业务逻辑的增加,需要实现权限控制来保证安全性。本文将介绍使用 Vue Router 实现 SPA 应用...

    1 年前
  • 使用 Chai.js 和 Mocha.js 对 Node.js 代码进行单元测试

    在前端开发中,单元测试是一项重要的任务。通过单元测试,我们可以尽早地发现代码中存在的问题,减少后期修复的成本。而 Chai.js 和 Mocha.js 是目前使用较为广泛的单元测试框架。

    1 年前
  • Vue.js 开发中如何解决滚动条占用 fixed 元素位置的问题?

    在 Vue.js 开发中,常常会遇到页面中存在 fixed 元素的情况。但当页面出现滚动条时,固定在页面顶部或底部的 fixed 元素会受到滚动条的影响,位置出现偏移,导致布局混乱。

    1 年前
  • SSE 代码中的代码注释和错误处理:完善 SSE 推送服务

    SSE(Server-Sent Events)是一种服务端主动生成事件的 web 技术,它可以向客户端持续推送数据,而无需客户端轮询服务器,常常用于实现一些实时性较高的 web 应用场景,如聊天室、股...

    1 年前
  • 设置好文字链接来让你的网站更加无障碍

    在网站开发中,我们通常会用链接来引导用户进行页面的浏览和跳转。然而,若没有设置好文字链接,会造成很多无障碍问题。本篇文章将为您介绍如何设置好文字链接,并让您的网站更加无障碍。

    1 年前
  • Cypress 测试框架中如何处理页面的跨域请求问题

    前言 在前端自动化测试中,跨域请求问题一直是一个难点。由于浏览器的同源策略,一些常见的测试场景可能无法测试,比如测试需要调用外部 API ,测试需要在不同的页面之间进行切换等。

    1 年前
  • 解读 ES7 及 ES8 中关于数组(Array)的新特性

    引言 随着 JavaScript (以下简称 JS) 的高效发展,JS 已经成为了前端开发中不可分割的一部分。ES7和ES8中提供了很多的新特性和语法糖,其中关于数组(Array)的新特性具有很高的实...

    1 年前
  • ES8 中如何使用 Array.prototype.includes() 方法检查数组中是否包含指定的值?

    在前端开发中,数组是一个常用的数据类型,我们常常需要在数组中查找是否包含某个特定的元素。在 ES8 中,新增了一个方法 Array.prototype.includes(),提供了一种方便的方式来检查...

    1 年前
  • TypeScript的Function简介

    众所周知,JavaScript是一种面向对象(OOP)和函数式编程(FP)的语言。但是,对于更大型的项目,JavaScript的弱点表现出来了。TypeScript是一个解决这些问题的强类型编程语言。

    1 年前
  • 解决 Docker 容器中缺少 ifconfig 的问题

    在 Docker 容器中,经常会出现无法使用 ifconfig 命令的问题。这是因为 Docker 容器中缺少网络配置文件。本文将介绍解决这个问题的方法,并提供示例代码。

    1 年前
  • 使用 Jest 测试 Socket.io 应用的实践

    前言 在前端开发中,测试是非常重要的一步。通过测试可以保证代码的质量,减少潜在的 Bug,同时提高代码的可维护性。本文将介绍如何使用 Jest 测试 Socket.io 应用,为我们的项目提供更好的保...

    1 年前
  • 使用响应式设计使您的网站 SEO 最佳实践!

    什么是响应式设计? 响应式设计是指利用 CSS3、HTML5 等技术,根据用户的设备屏幕大小、分辨率等不同特点,自动调整页面的布局、字体大小等,以便让页面在各种设备上能展示出最佳效果。

    1 年前
  • Serverless 应用架构与设计实践

    随着云计算的快速发展,Serverless 成为了近年来最热门的话题之一。相比传统的自己购买、维护和部署服务器的方式,Serverless 方式可以大大减少繁琐的操作,节约时间和成本,因此备受关注。

    1 年前
  • Next.js 部署方式和最佳实践

    简介 Next.js 是一款基于 React 的服务端渲染框架,可以让你快速建立一个 SSR 应用。在使用 Next.js 进行项目开发之前,需要对其部署方式和最佳实践进行理解。

    1 年前
  • 如何使用 Sequelize ORM 实现数据迁移和备份

    随着互联网的快速发展,大量的数据被不断地积累。对于 Web 应用而言,进行数据迁移和备份是非常重要的,因为它们可以保证数据的可靠性和安全性。在前端领域,Sequelize ORM 是一个非常流行的工具...

    1 年前
  • Express.js 中使用 Koa.js 进行应用重构的方法和最佳实践

    介绍 Express.js 是 Node.js 中最受欢迎的 web 框架之一,它提供了很多功能和扩展性,让开发人员可以快速构建 web 应用程序。然而,随着 web 技术的不断发展,新的 web 框...

    1 年前
  • 使用 Custom Elements 实现开关组件(Switch)

    在前端开发中,开关组件(Switch)是一个经常用到的 UI 组件,在一些控制面板、设置页等场景下非常实用。本文将介绍如何使用 Custom Elements 自定义元素来实现一个简单的开关组件,并探...

    1 年前
  • ES10 之提供本地化信息 - Intl.NumberFormat()

    Intl.NumberFormat() 是 JavaScript 的内置方法之一,它可以帮助我们在前端项目中提供本地化信息。在国际化项目中,不同地区的用户可能使用不同的数字格式,如小数点分隔符、千位分...

    1 年前

相关推荐

    暂无文章