Deno初体验

最新推荐文章于 2024-06-03 22:00:59 发布
最新推荐文章于 2024-06-03 22:00:59 发布
阅读量408 收藏
点赞数
分类专栏： Node 文章标签： Deno Node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36157085/article/details/116845447
版权

Deno是什么

Deno 是一个简单、现代、安全的 JavaScript、TypeScript、Webassembly 运行时环境。

Deno 是 Node 的变位词，其发音是恐龙（dinosaur）的缩写读音"蒂诺"。

它是建立在：

  • Rust（Deno 的底层是用 Rust 开发，而 Node 是用 C++）
  • Tokio（Deno 的事件机制是基于 Tokio，而 Node 是基于 libuv）
  • TypeScript
  • V8

Node的缺陷

原生API缺少Promise

Node 最大的亮点在于事件驱动， 非阻塞 I/O 模型，这使得 Node 具有很强的并发处理能力，非常适合编写网络应用。在 Node 中大部分的 I/O 操作几乎都是异步的，于是乎 Callback Hell 产生了:

// fs.js
const fs = require('fs');
const myFile = '/tmp/test';

fs.readFile(myFile, 'utf8', (err, txt) => {
  if (!err) {
    fs.writeFile(myFile);
  }
});

若要实现链式调用，你需要使用 Promise 重新包装下原生 API，如下所示：

const fs = require("fs");
const myFile = '/tmp/test';

function readFile_promise(path) {
  return new Promise((resolve, reject) => {
    fs.readfile(path, "utf-8", (err, data) => {
      if (err) {
        reject(err);
      } else {
        resolve(data);
      }
    })
  });
}

readFile_promise(myFile)
  .then((res) => {
    fs.writeFile(myFile, res);
  })

缺少安全性

在 Node 中，可以调用 fs.chmod 来修改文件或目录的读写权限。说明 Node 运行时的权限是很高的。如果你在 Node 中导入一份不受信任的软件包，那么很可能它将删除你计算机上的所有文件，所以说 Node 缺少安全模块化运行时。除非手动提供一个沙箱环境，诸如 Docker 这类的容器环境来解决安全性问题。

const fs = require('fs');
//删除hello.txt
fs.unlinkSync('./hello.txt');
// 删除css文件夹
fs.rmdirSync('./css');

复杂的包管理模式

Node 自带的 NPM 生态系统中，由于严重依赖语义版本控制和复杂的依赖关系图，少不了要与 package.json、node_modules 打交道。node_modules 的设计虽然能满足大部分的场景，但是其仍然存在着种种缺陷，尤其在前端工程化领域，造成了不少的问题。特别是不同包依赖版本不一致时，各种问题接踵而来，于是乎 yarn lock、npm lock 闪亮登场。

然而还是有很多场景是 lock 无法覆盖的，比如当我们第一次安装某个依赖的时候，此时即使第三方库里含有 lock 文件，但是 npm install|、yarn install 也不会去读取第三方依赖的 lock，这导致第一次创建项目的时候，还是会可能会触发 bug。而且由于交叉依赖，node_modules 里充满了各种重复版本的包，造成了极大的空间浪费，也导致 install 依赖包很慢，以及 require 读取文件的算法越来越复杂化。

读取文件复杂化

Node 使用 require 引用其他脚本文件，其内部逻辑如下：

当 Node 遇到 require(X) 时，按下面的顺序处理。
（1）如果 X 是内置模块（比如 require('http'）)
　　a. 返回该模块。
　　b. 不再继续执行。

（2）如果 X 以 "./" 或者 "/" 或者 "../" 开头
　　a. 根据 X 所在的父模块，确定 X 的绝对路径。
　　b. 将 X 当成文件，依次查找下面文件，只要其中有一个存在，就返回该文件，不再继续执行。
      X
      X.js
      X.json
      X.node
　　c. 将 X 当成目录，依次查找下面文件，只要其中有一个存在，就返回该文件，不再继续执行。
      X/package.json（main字段）
      X/index.js
      X/index.json
      X/index.node

（3）如果 X 不带路径
　　a. 根据 X 所在的父模块，确定 X 可能的安装目录。
　　b. 依次在每个目录中，将 X 当成文件名或目录名加载。

（4） 抛出 "not found"

可以看得出来，require 的读取逻辑是很复杂的，虽然用起来很可爱，但是没必要。

Deno的架构

 

  1. Deno 以 Rust 作为启动入口，通过 Rust FFI 去执行 C++ 代码，然后在 C++ 中引入 V8 实例。

  2. 初始化 V8 对象以及注入外部 C++ 方法，例如 send、recv 等方法。

  3. 向 V8 全局作用域下注入 Deno 对象，暴露 Deno 的一些基本 API 给 JavaScript。

  4. 通过绑定在 V8 上的 C++ 方法，调用对应的 Rust 方法，去执行底层逻辑。

不难发现 Deno 其实和 RN、Flutter 这些框架很类似，因为它本质上也是跑了个 JS 引擎，只是这个 JS 引擎是 V8，不负责 UI 的 binding 而已。所以说架构的本质就是思路复刻、模块重组。

Deno的特点

安全

 

与 Node 相反，Deno 默认在沙箱中执行代码，这意味着运行时无法访问以下权限：

  • 文件系统
  • 网络
  • 环境变量

你可以通过命令行参数形式来开启默认关闭的权限，类似下面这样：

// 授予从磁盘读取和侦听网络的权限
deno run --allow-read --allow-net https://deno.land/std/http/file_server.ts

// 授予从磁盘filepath读取白名单文件的权限
deno run --allow-read=/etc https://deno.land/std/http/file_server.ts

// 授予所有权限
deno run --allow-all https://deno.land/std/http/file_server.ts

或者通过编程形式控制权限，类似下面这样：

// 检测是否有读取权限
const status = await Deno.permissions.query({ name: "write" });
if (status.state !== "granted") {
  throw new Error("need write permission");
}

// 读取log文件
const log = await Deno.open("request.log", "a+");

// 关闭读写权限
await Deno.permissions.revoke({ name: "read" });
await Deno.permissions.revoke({ name: "write" });

// 打印log内容
const encoder = new TextEncoder();
await log.write(encoder.encode("hello\n"));

内置工具

 

Deno 目前提供了以下内置工具，在使用 JavaScript 和 TypeScript 时非常有用，只需要执行以下命令即可:

  • deno bundler (自带打包和 tree shaking功能，可以将我们的代码打包成单文件)
  • deno compile (将 Deno 项目构建为完全独立的可执行文件)
  • deno installe (可以将我们的代码生成可执行文件进行直接使用)
  • deno info (查看所有模块的依赖关系树)
  • deno doc (将源代码中的注释生成文档)
  • deno fmt (递归地格式化每个子目录中的每个文件)
  • deno repl (启动一个 read-eval-print-loop，它允许您在全局上下文中交互式地构建程序状态)
  • deno test (对名为 .test 的文件进行单元测试)
  • deno lint (代码检测器)

支持TypeScript

使用 Deno 运行 TypeScript 代码不需要编译步骤以及繁琐的配置文件—— Deno 会自动为你执行这一步骤。

源码中我们发现，Deno 其实是集成了一个 TypeScript 编译器和一个用于运行时快照的小型编译器主机。转换的核心代码如下：

// globalThis.exec 这个函数在/cli/tsc/99_main_compiler.js中
// 其主要作用就是把TypeScript转换成JavaScript
let exec_source = format!("globalThis.exec({})", request_str);

  runtime
    .execute("[native code]", startup_source)
    .context("Could not properly start the compiler runtime.")?;
  runtime.execute("[native_code]", &exec_source)?;

前段时间 Deno 内部把 TS 改回 JS 的讨论很是热闹，但并不意味着 Deno 放弃了 TypeScript，它依然是一个安全的 TS/JS Runtime。

例如：

// index.ts
const str: string = 'hello word';
console.log(str);

支持ES模块标准

Deno 采用的是 ES Module 的浏览器实现。ES Module 大家应该都是比较熟悉的，它是 JavaScript 官方的标准化模块系统，其浏览器实现如下所示：

// 从 URL 导入
import React from "https://cdn.bootcdn.net/ajax/libs/react/17.0.1/cjs/react-jsx-dev-runtime.development.js";

// 从相对路径导入
import * as Api from "./service.js";

// 从绝对路径导入
import "/index.js";

需要注意的是，Deno 不支持以下写法：

import foo from "foo.js";
import bar from "bar/index.js";
import zoo from "./index"; // 没有后缀

兼容浏览器API

Deno 通过与浏览器 API 保持一致，来减少大家的认知。

  • 模块系统：从上面的介绍看出 Deno 是完全遵循浏览器实现的。
  • 默认安全
  • 对于异步操作返回 Promise
  • 使用 ArrayBuffer 处理二进制
  • 存在 window 全局变量
  • 支持 fetch、webCrypto、worker 等 Web 标准，也支持 onload、onunload、addEventListener 等事件操作函数

支持Promise

Deno 所有的异步操作，一律返回 Promise，并且全局支持 await。

// 读取异步接口数据
const response = await fetch("http://my.json.host/data.json");
console.log(response.status)
console.log(response.statusText)
const jsonData = await response.json();
// 读取文件
const decoder = new TextDecoder("utf-8");
const data = await Deno.readFile("hello.txt");
console.log(decoder.decode(data));

去中心化包

Deno 没有 package.json、node_modules，那么它是怎么进行包管理的呢？我们先看下面的例子：

// index.jsimport { white, bgRed } from "https://deno.land/std/fmt/colors.ts";

console.log(bgRed(white("hello world!")));
// 命令行执行> deno run index.js
Download https://deno.land/std/fmt/colors.ts
Compile https://deno.land/std/fmt/colors.tshello world!

我们看到执行时会有 Download 和 Compile 两个步骤，于是乎我们会产生几个疑问：

1、每次执行都要下载吗？

答：不需要每次下载，有缓存机制。

2、Download 和 Compile 的文件在哪里呢？

答：我们可以通过上面介绍的自带工具 deno info 来查看依赖关系。

3、依赖代码更新了怎么办？

答：当依赖模块更新时，我们可以通过 --reload 进行更新缓存，例如：deno run --reload index.js

4、多版本怎么处理？

答：暂时没有好的解决方案，只能通过 git tag 的方式区分版本。

Deno 是通过 URL 导入代码，可以在互联网上的任何地方托管模块。并且相比 Node 的 require 读取文件，它显得更加轻巧玲珑，并且无需集中注册表即可分发 Deno 软件包。不需要 package.json 文件和依赖项列表，因为所有模块都是在应用程序运行时下载，编译和缓存的。

上手Deno

安装

使用 Shell (macOS 和 Linux):

curl -fsSL https://deno.land/x/install/install.sh | sh

使用 PowerShell (Windows):

iwr https://deno.land/x/install/install.ps1 -useb | iex

运行 deno --version，如果它打印出 Deno 版本，说明安装成功。

记得为Deno配置环境变量

去Github下载也可以 https://github.com/denoland/deno/releases

实战体验

本地创建一个 index.ts 文件，内容如下所示：

// index.ts
console.log("Welcome to Deno 🦕");

打开终端，输入以下命令行：

 deno run index.ts

HTTP请求

https.ts

const url = Deno.args[0]; // 取得第一个命令行参数，存储到变量 url。
const res = await fetch(url); // 向指定的地址发出请求，等待响应，然后存储到变量 res。
const body = new Uint8Array(await res.arrayBuffer()); // 把响应体解析为一个 ArrayBuffer，等待接收完毕，将其转换为 Uint8Array，最后存储到变量 body。
await Deno.stdout.write(body); // 把 body 的内容写入标准输出流 stdout。
deno run --allow-net=api.github.com http.ts https://api.github.com/users/answer518

远程导入

从远程模块导入 add 和 multiply 方法：

import {  add,  multiply,} from "https://x.nest.land/ramda@0.27.0/source/index.js";
function totalCost(outbound: number, inbound: number, tax: number): number {  
    return multiply(add(outbound, inbound), tax);
}
console.log(totalCost(19, 31, 1.2)); // 60console.log(totalCost(45, 27, 1.15)); // 82.8

RESTful 服务

// restful.ts
import { Application, Router } from "https://deno.land/x/oak/mod.ts";
const books = new Map<string, any>();
books.set("1", {  id: "1",  title: "平凡的世界",  author: "路遥",});
const router = new Router();
router.get("/", (context) => {    context.response.body = "Hello world!";  })  
      .get("/book", (context) => {    context.response.body = Array.from(books.values());  })    
      .get("/book/:id", (context) => {    
            if (context.params && context.params.id && books.has(context.params.id)) {                  
                context.response.body = books.get(context.params.id);    
            }  
});
const app = new Application();
app.use(router.routes());
app.use(router.allowedMethods());
await app.listen({ hostname: '127.0.0.1', port: 8000 });

终端输入以下命令：

deno run --allow-net restful.ts

本地访问 http://localhost:8000/book/1 将会返回id为1的book数据

静态资源服务

// static.ts
import { Application } from "https://deno.land/x/oak/mod.ts";
const app = new Application();
app.use(async (context) => {  
    await context.send({    root: Deno.cwd(), // 静态资源的根路径  });
});
await app.listen({ hostname: "127.0.0.1", port: 8000 });
deno run  --allow-net --allow-read static.ts

本地访问 http://localhost:8000/static.ts 将会返回 static.ts 的源码。

结束语

Deno 是一个非常伟大的项目，但却不是 “下一代 Nods.js ”。Ryan Dahl 自己也说： “Node.js isn't going anywhere” 。并且 Deno 还处在开发中，功能还不稳定，不建议用于生产环境。但是，它已经是一个可用的工具，有很多新特性都是 Node 所没有的，大家可以多多试玩。

https://zoo.team/article/talk-about-deno

https://www.axihe.com/edu/deno/installation.html

https://manual.deno.js.cn/

MINO吖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Deno初体验及实战入门
HenryYey博客
07-11 787
Deno初体验及实战入门 前言 最近学了一波Deno, 由于新东西 社区不完善，学的过程中都是翻英文文档和源码慢慢摸索，所以这里总结一些核心要点，帮助读者快速上手入门Deno，详细学习见官方手册 本文的代码例子见 https://github.com/HenryYey/deno-demo Deno是什么？ deno是一个默认安全运行环境的JS/Ts/WebAssembly runtime，是Node.js之父 Ryan Dahl开发的新项目,号称是node的替代品，于2020年5月13日正式发布。他的名字由
deno-docker:Deno的Dockerfiles
04-24
更好的运行和更好的维护的deno docker项目已经取代了这一点。 我建议使用及其对应的： : 下面的旧自述文件： 迪诺·泊克（Deno Docker） Docker映像 标签： jessie slim 贡献 欢迎发布问题和请求请求。
oracle实际应用案例_从实际案例讲 Deno 的应用场景
weixin_39869043的博客
01-14 396
此篇文章实际上是《前端开发的瓶颈与未来[1]》的番外篇。主要想从实用的角度给大家介绍下 Deno 在我们项目中的应用案例，现阶段我们只关注应用层面的问题，不涉及过于底层的知识。简介我们从它的官方介绍里面可以看出来加粗的几个单词：secure, JavaScript, TypeScript。简单译过来就是：一个 JavaScript 和 TypeScript 的安全运行时那么问题来了，啥叫...
Deno入门：Node.js的现代替代品
最新发布
天涯学馆
06-03 1496
fetch(url)异步地发起HTTP GET请求到指定的URL。response.ok检查HTTP状态码是否在200-299之间，表示请求成功。response.text()获取响应体的文本内容。parseJson(text)将文本内容解析为JSON对象。console.log(data)打印解析后的数据。// 在其他文件中导入// 输出 5。
deno初体验与安装与helloworld
hfdxmz_3的博客
05-15 658
1 安装 ①Windows安装 A. 下载编译好的可执行程序 github发布页下载官方编译好的程序，是一个zip压缩包，里面就一个简简单单的deno.exe程序，把它放到你喜欢的位置，我放在了D:\mytools\deno\deno.exe，那么添加个环境变量就可以使用了。 不会添加环境变量的同学，建议百度学习。 B. 使用curl命令 curl如何安装见百度，也是个命令行工具（linux和mac好像自带了） curl -fsSL https://deno.land/x/install/i
deno 初体验，了不起的deno！
业余前端的职业经历
01-20 719
至于deno的背景故事我就不在这里一一赘述了 稍微点个一两句吧 大致就是 node的作者 搞出node之后 然后就去研究别的去了，吧node交给他人维护了，后来node也越来越火了，但node的发展却朝着一个不是原作者的意愿的一个方向前进着。 每个node项目大多伴随着 庞大的node_modules 包 各种依赖 让一些初学者 可能苦不堪言 现在大厂基本很多实用node 作为BFC 中间层渲染 ， node要说被deno替换掉 至少最近几年是不太可能的 deno 其实也是 一个js 的运行环...
Deno下一代Nodejs？Deno初体验
weixin_30485799的博客
08-12 145
前言 Ryan Dahl之父发布了新的项目Deno，很多IT媒体都使用了标题“下一代Nodejs”，首先我们看一下Deno的特性： 1.支持typescript (nodejs目前也支持)。 2.无package.json，无npm，不兼容nodejs。 3.通过URL的方式引入依赖而非引入本地模块，并在第一次运行的时候进行加载和缓存。 4.可以控制文本系统和网络访问权限以运行沙盒代码，...
deno 初体验，实战记录一个node项目迁移到deno需要做什么
flytam的博客
06-09 2337
本文以csdnsynchexo迁移到deno实现进行一步步探索说明。 csdnsynchexo是一个爬取 csdn 博客内容生成 hexo 源文件内容的简单工具，正常版本使用 nodejs 实现，。最近 node 之父 ry 大神的 deno 也发布了 1.0，就想实践一下，从 node 版本迁移升级到 deno。本文主要记录一个 nodejs 应用迁移到 deno 需要做哪些工作，还涉及到一些非常基础的 deno 概念。如果你熟悉 nodejs，阅读本文的难度几乎为 0 迁移后项目github地址.
了不起的 Deno 入门教程
Yvette Lau的专栏
05-25 596
一、Deno 简介Deno 是一个 JavaScript/TypeScript 的运行时，默认使用安全环境执行代码，有着卓越的开发体验。Deno 含有以下功能亮点：默认安全。外部代码没有...
如何将Node.js库转换到Deno
flytam的博客
05-28 316
由于Node和Deno的一些差异，一个库要想同时支持Node和Deno是需要一些改造的
不懂Deno？这篇文章看了就会了
胡汉三的博客
09-16 580
如果你一直关注 Web 开发领域，那么最近可能已经听到了很多关于 Deno 的信息——一种新的 JavaScript 运行时，它可能也会被认为是 Node.js 的继承者。但是这意味着什么，我们需要“下一个 Node.js” 吗？ 什么是 Deno？ Deno 是一个 JavaScript/TypeScript 的运行时，默认使用安全环境执行代码，有着卓越的开发体验。 Deno 建立在 V8、Rust 和 Tokio 的基础上。 功能亮点 默认安全。外部代码没有文件系统、网络、环境的访问权限，除非显式开启
denoffi:Deno外功能接口
04-06
deno_plugin_ffi（在制品和需要帮助） Deno外部功能接口。 deno_ffi是一个Deno插件，用于使用纯JavaScript / TypeScript加载和调用动态库。 它可用于创建与本机库的绑定，而无需编写任何Rust代码。 它还处理Rust ...
deno_website2:deno.land网站
04-28
deno_website2 这是的代码本网站分为两部分一名Cloudflare工人Vercel上托管的Next.js应用我们想要为将在Deno中使用的模块提供漂亮的语义URL。 例如： : 当我们在Deno内部请求此文件时，我们需要接收回文件的原始内容...
deno
03-30
总的来说，Deno是一个具有创新性的JavaScript/TypeScript运行环境，旨在提供更安全、更现代的开发体验。它的设计理念和内置特性，使它成为那些寻求Node.js替代方案或者希望利用TypeScript优势的开发者的一个诱人选择...
postcss-deno:Deno 的 Postcss
07-23
Deno 的 PostCSS 用于转换 PostCSS 源代码以实现 Deno 兼容性的脚本。 sh run.sh 在你的 Deno 项目中导入 Postcss： import postcss from "https://deno.land/x/postcss/mod.js" ; import autoprefixer from ...
deno_doc：Deno的文档生成器
02-04
**Deno的文档生成器——deno_doc** `deno_doc` 是一个专门为Deno生态设计的文档生成工具。Deno是JavaScript和TypeScript的现代运行时，它由Ryan Dahl，Node.js的创始人之一，创建的。Deno以其内置的安全模型、模块...
deno_deploy_examples:Deno Serverless部署服务
04-01
deno_deploy_examples Deno官方提供了一个类似Cloudflare Workers的Serverless平台，让开发者可以轻松的部署Deno代码。 。注：去年我注册了deno.dev域名，随后将其送给了RY目前此域名用于代码部署服务，代码的默认...
Deno.exe windows
02-06
Deno.exe windows
vscode deno
05-25
VSCode Deno 是一个为 VSCode 编辑器提供支持 Deno 运行时环境的扩展插件。Deno 是一个基于 JavaScript 和 TypeScript 的运行时环境，它允许您使用这两种语言编写服务器端应用程序。VSCode Deno 插件提供了一些功能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值