广东省建设信息网站成绩查询,广州网站建设 广州亦客网络,网络建设专业石家庄,温州市网站目录
1、简介
2、安装Deno
MacOS下安装
Windows下安装
Linux 下安装
3、创建并运行TypeScript程序
4、内置Web API和Deno命名空间
5、运行时安全
6、导入JavaScript模块
7、远程模块和Deno标准库
8、使用deno.json配置您的项目
9、Node.js API和npm包
10、配置IDE…目录
1、简介
2、安装Deno
MacOS下安装
Windows下安装
Linux 下安装
3、创建并运行TypeScript程序
4、内置Web API和Deno命名空间
5、运行时安全
6、导入JavaScript模块
7、远程模块和Deno标准库
8、使用deno.json配置您的项目
9、Node.js API和npm包
10、配置IDE 1、简介
Deno 是一个JavaScript、TypeScript和WebAssembly运行时具有安全的 默认值和出色的开发人员体验。它是基于V8引擎、 Rust和tokio。
Deno是一款免费的开源软件基于 MIT许可证。
2、安装Deno
MacOS下安装 curl -fsSL https://deno.land/x/install/install.sh | sh Windows下安装
打开系统自带的Windows Power Shell然后再执行下面的命令
irm https://deno.land/install.ps1 | iex Linux 下安装 curl -fsSL https://deno.land/x/install/install.sh | sh 安装完毕之后可以查看当前Deno的版本以及依赖的v8版本ts版本如下所示 deno --version
3、创建并运行TypeScript程序
虽然欢迎您使用纯JavaScript但Deno也内置了TypeScript支持。在您的终端中创建一个名为first.ts的新文件并包含以下代码。 let name: string 张三;
let age: number 18;
let result 我的名字是${name},年龄是${age}
明年我就${age1}岁了;
console.log(result)
// 我的名字是张三,年龄是18
// 明年我就19岁了 运行以下命令查看对应输出结果 deno run first.ts
4、内置Web API和Deno命名空间
Deno旨在提供一个类似浏览器的编程环境实现Web标准API 前端JavaScript。比如说 V8引擎API是 在全局范围内可用就像在浏览器中一样。为了看到这一点 创建文件hello.ts内容如下所示 const site await fetch(https://www.deno.com);
console.log(await site.text()); 然后运行它 deno run -A hello.ts
对于未作为Web标准存在的API如从系统环境访问变量或操作文件系统这些API将在Deno命名空间中公开。替换的内容 hello.ts使用以下代码它将启动HTTP服务器将启动8000接口。 Deno.serve((_request: Request) {return new Response(Hello, world!);
}); 结果如下所示;
启动一个本地服务器一直监听8000端口。然后我们可以通过命令请求一下看下是否返回对应的结果如下所示
然后发现已输出对应的结果在上图中有一个升级提示运行deno upgrade 进行升级一下
5、运行时安全
Deno的一个主要特征是运行时默认安全性这意味着作为开发人员您必须明确允许代码访问潜在的敏感API如文件系统访问、网络连接和环境变量访问。
到目前为止我们一直在使用-A标志运行所有脚本该标志授予所有运行时特定对我们脚本的访问权限。这是运行Deno程序最允许的模式但通常您只想授予代码运行所需的权限。
为了看到这一点让我们还是用以上hello. ts的内容。
在没有-A标志的情况下运行这个程序-然后会发生什么
在提示符中您可能已经注意到它提到了运行代码以访问网络所需的CLI标志---allow-net标志。如果使用此标志再次运行脚本系统将不会提示您以交互方式授予对脚本的网络访问权限
deno run --allow-net hello.ts 6、导入JavaScript模块
大多数时候您会希望将程序分解为多个文件。Deno再次支持Web标准和类似浏览器的编程模型通过ECMAScript模块支持这一点。下面展示一下TypeScript示例
例如有一个Hello.ts文件内容如下所示
interface Animal {name: string,
}interface AnimalInter extends Animal {getInfo() : string
}class Cat implements AnimalInter{ birthday: Date;name: string;getInfo() {return this.name , this.birthday;}constructor(name: string, birthday: Date) {this.name name;this.birthday birthday;}
}let result new Cat(张三, new Date(2023-02-09))
console.log(result: , result.getInfo());
我们可以把Animal相关的部分拆分成一个单独的文件例如为Animal.ts内容如下所示
interface Animal {name: string,
}export default interface AnimalInter extends Animal {getInfo() : string
}
然后再创建一个名为Cat.ts的文件内容如下所示
import AnimalInter from ./Animal.ts;
class Cat implements AnimalInter{ birthday: Date;name: string;getInfo() {return this.name , this.birthday;}constructor(name: string, birthday: Date) {this.name name;this.birthday birthday;}
}let result new Cat(张三, new Date(2023-02-09))
console.log(result: , result.getInfo());
可以通过import关键字来使用此模块。然后运行一下cat.ts文件查看一下对应的输出
deno run cat.ts 7、远程模块和Deno标准库
Deno支持从URL加载和执行代码就像使用 浏览器中的script标签。在Deno 1.x中 标准库和大多数 第三方模块分布在HTTPS URLs上。
要查看实际操作让我们为我们创建的Cat.ts模块创建一个测试 以上Deno提供了一个内置的测试运行器 使用通过HTTPS URL分发的断言模块。
创建一个文件名为cat_test.ts内容如下所示
import { assertEquals } from https://deno.land/std0.204.0/assert/mod.ts;
import Cat from ./Cat.ts;Deno.test(Test function, () {const cat: Cat new Cat(张三, new Date(2023-02-09));assertEquals(张三, Thu Feb 09 2023 08:00:00 GMT0800 (中国标准时间), cat.getInfo());
});
运行如下命令看一下对应断言的结果如下所示
deno test cat_test.ts 我们发现断言的结果是符合预期的如果我们把预期的结果改一下
assertEquals(张三1212, Thu Feb 09 2023 08:00:00 GMT0800 (中国标准时间), cat.getInfo()); 我们通过上图就能发现预期的值和方法返回的结果不一致。
8、使用deno.json配置您的项目
Deno项目不需要配置文件默认但有时将设置、管理脚本和依赖配置存储在众所周知的位置很方便。在Deno中该文件是deno. json或deno.json。该文件的行为有点像Node.js中的pack.json文件。
您可以使用deno. json来配置导入映射这将允许您为常用模块设置别名。
为了演示让我们将项目中要使用的标准库版本设置为0.204.0版。
创建一个包含以下内容的deno.jsonc文件。
{imports: {$std/: https://deno.land/std0.204.0/}
}
现在打开之前的测试文件并将其更改为使用此导入别名。 import { assertEquals } from $std/assert/mod.ts;
import Cat from ./Cat.ts;Deno.test(Test function, () {const cat: Cat new Cat(张三, new Date(2023-02-09));assertEquals(张三, Thu Feb 09 2023 08:00:00 GMT0800 (中国标准时间), cat.getInfo());
}); 我们发现运行的结果和之前的一样并且在当前目录下生成了一个deno.lock的文件这个文件中指定代码所依赖的一组文件如下所示 9、Node.js API和npm包 Deno提供了一个兼容层使您的代码能够使用 Node.js内置模块和来自npm的第三方模块。 在代码中使用Node和npm模块看起来很像使用标准Deno 模块除了在导入时使用node:或npm:说明符 分别是Node内置模块或npm模块。 要了解它是如何工作的请创建一个名为server.js的文件并包含 下面是一个简单的HTTP服务器使用流行的 Express框架。 import express from npm:express4;const app express();app.get(/, (request, response) {response.send(Hello from Express!);
});app.listen(3000); 运行代码结果如下所示 10、配置IDE
Deno开发在许多IDE中。一个受欢迎的选择是 Visual Studio Code 由Deno维护的官方扩展团队 安装扩展 并在VS Code工作区中启用它方法是选择 Deno: Initialize Workspace Configuration中的选项。 首先在VSCode中在扩展标签中搜索Deno然后选择进行安装。 然后打开命令控制面板搜索Deno进行Deno工作区的相关配置。
