Deno初识

2020-12-30  本文已影响0人  简心豆

前不久在组里分享了deno的背景和一些新特性,今天来简单的做个总结。

什么是deno

如官方所介绍的:deno是用Rust编写的,基于V8javascripttypescript现代安全的运行时。

deno的组成
image.png
deno的特性

现代:

安全:

为什么会出现deno

如下几个原因是作者在分享里指出的node的一些缺陷,正是因为这些缺陷,作者才开发了deno这个新的js运行时。

node沒有谨慎思考安全性问题:

node不需要授权,即可访问网络、文件系统,这是不安全的,需要被改进。

node构建系统老旧:

node的V8构建系统是GYP(Generate Your Projects),而chrome的V8已升级为GN,GN的构建速度比GYP快20倍,node已经无法挽回。

node的package.json与node_modules的方式管理用户代码增加管理成本:
require(‘module’)的指向不明确:
曾放弃原生支持Promise:

一些核心API在执行异步函数是以回调函数的方式,如果支持Promise需要一一改造。

deno是怎么做的

1、提供安全的代码执行环境

如下权限我们在执行deno run some_module.tsx时可以给脚本赋予权限,如果不赋予相应的权限,则不能正常运行,也就是说deno默认是安全的,读取文件和访问网络都是需要授权的。

-A, --allow-all允许所有权限,这将禁用所有安全限制。
--allow-env 允许环境访问,例如读取和设置环境变量。
--allow-hrtime 允许高精度时间测量,高精度时间能够在计时攻击和特征识别中使用。
--allow-net=<allow-net> 允许网络访问。您可以指定一系列用逗号分隔的域名,来提供域名白名单。
--allow-plugin 允许加载插件。请注意:这是一个不稳定功能。
--allow-read=<allow-read>允许读取文件系统。您可以指定一系列用逗号分隔的目录或文件,来提供文件系统白名单。
--allow-run 允许运行子进程。请注意,子进程不在沙箱中运行,因此没有与 deno 进程相同的安全限制,请谨慎使用。
--allow-write=<allow-write> 允许写入文件系统。您可以指定一系列用逗号分隔的目录或文件,来提供文件系统白名单。

2、以 url 的方式来加载模块
import { serve } from "https://deno.land/std@0.62.0/http/server.ts";

const s = serve({ port: 8003 });
console.log("http://localhost:8003/");
for await (const req of s) {
  req.respond({ body: "Hello World\n" });
}
3、所有异步操作都返回Promise
// 文件读写
const text = await Deno.readTextFile('log.txt');

// 网络请求
import { serve } from "https://deno.land/std@0.62.0/http/server.ts";
const s = serve({ port: 8003 });
console.log("http://localhost:8003/");
for await (const req of s) {
  req.respond({ body: "Hello World\n" });
}

deno的内置工具和新特性

编译器API

个人觉得这两个API的出现是为了替代webpackbabel,详细介绍可看这里,下面是简单的介绍

const [diagnostics, emitMap] = await Deno.compile("/foo.ts", {
  "/foo.ts": `import * as bar from "./bar.ts";
console.log(bar);
`,
  "/bar.ts": `export const bar = "bar";
`,
});

该api支持三个参数,分别是「打包入口、可选的source、可选的options」,返回参数diagnostics是错误诊断信息,emitMap是打包后包含的文件信息,是个map结构,包含4个文件,分别是/foo.js.map/foo.js/bar.js.map,和 /bar.js

const [diagnostics, emit] = await Deno.bundle("/foo.ts", {
  "/foo.ts": `import * as bar from "./bar.ts";
console.log(bar);
`,
  "/bar.ts": `export const bar = "bar";
`,
});

参数和compile一样,打包后输出的emit是打包后的文本信息。

内置工具

具体如何使用详见官方文档

worker

deno也新增了worker,和浏览器一样可以跑一个单独的线程,如果有耗时的任务可以在worker里面完成。不同的是deno种type只能是module,在deno的worker中也支持Deno命名空间。

// index.ts
const worker = new Worker(new URL("worker.ts", import.meta.url).href, {
  type: "module",
  deno: true,
});
worker.postMessage({ filename: "./log.txt" });

// worker.ts
self.onmessage = async (e) => {
  const { filename } = e.data;
  const text = await Deno.readTextFile(filename);
  console.log(text);
  self.close();
};
生命周期函数

可以看到,deno完全遵循现代浏览器的规范,如下两种注册方式的运行机制也和浏览器保持一致。

window.onload = () => {
  console.log('start');
}

window.onunload = () => {
  console.log('end');
}

window.addEventListener('load', () => {
  console.log('start');
})

window.addEventListener('unload', () => {
  console.log('start');
})
运行WebAssembly
const wasmCode = new Uint8Array([
  0, 97, 115, 109, 1, 0, 0, 0, 1, 133, 128, 128, 128, 0, 1, 96, 0, 1, 127,
  3, 130, 128, 128, 128, 0, 1, 0, 4, 132, 128, 128, 128, 0, 1, 112, 0, 0,
  5, 131, 128, 128, 128, 0, 1, 0, 1, 6, 129, 128, 128, 128, 0, 0, 7, 145,
  128, 128, 128, 0, 2, 6, 109, 101, 109, 111, 114, 121, 2, 0, 4, 109, 97,
  105, 110, 0, 0, 10, 138, 128, 128, 128, 0, 1, 132, 128, 128, 128, 0, 0,
  65, 42, 11
]);
const wasmModule = new WebAssembly.Module(wasmCode);
const wasmInstance = new WebAssembly.Instance(wasmModule);
console.log(wasmInstance.exports.main().toString());

deno可以做什么

目前不适合使用在生产环境,可以写一些线下运行的工具。

上一篇下一篇

猜你喜欢

热点阅读