async await异步,ejs基础使用,三目运算符

简介: async await异步,ejs基础使用,三目运算符

async和await:async申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成

async:

async function name([param[, param[, ... param]]]) {
    statements 
}
-------
async function testAsync() {
    return "hello async";
}
const result = testAsync();
console.log(result);
-----------
Promise { 'hello async' }

返回了promise对象

Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值,它是一个函数返回的对象,其上面绑定回调函数,不需要在一开始把回调函数作为参数传入这个函数了

await:

await只在async函数内有效,可理解为await 等待一个 async 函数的返回值,在async函数体之外使用,就会抛出语法错误 SyntaxError

await 修饰的如果是Promise对象:可以获取Promise中返回的内容(resolve或reject的参数),且取到值后语句才会往下执行;

// 定义一个异步函数,3秒后才能获取到值(类似操作数据库)
function getSomeThing(){
    return new Promise((resolve,reject)=>{
        setTimeout(()=>{
            resolve('获取成功')
        },3000)
    })
}
async function test(){
    let a = await getSomeThing();
    //正常情况下,await命令后面是一个Promise对象
    console.log(a)
}
test(); // 3秒后输出:获取成功

ejs:渲染页面

(1)安装

1.先npm init --yes 生成json文件 可以使下载的包在json中显现,方便查看

2.npm install ejs --save

(2)使用

1.创建views文件夹,添加后缀名为 ejs 的文件 在该文件中写html

2.js文件中引入ejs const ejs = require(‘ejs’)


ejs 使用<%= %> 赋值,在<%%>中间是js代码,相当于平时的js

ejs. renderFile (文件名, 数据, 选项, 函数( err ,  str ) { 
    // str => 渲染的 HTML 字符串
} ) ;

三目运算符

判断条件 ? 当条件为真执行 : 当条件为假执行

key == 1? 值1 :值2

(当key和1对比成立的时候,为值1,否则为2)


相关文章
|
程序员 开发者 Python
Python网络编程基础(Socket编程) 错误处理和异常处理的最佳实践
【4月更文挑战第11天】在网络编程中,错误处理和异常管理不仅是为了程序的健壮性,也是为了提供清晰的用户反馈以及优雅的故障恢复。在前面的章节中,我们讨论了如何使用`try-except`语句来处理网络错误。现在,我们将深入探讨错误处理和异常处理的最佳实践。
C语言:十进制、BCD码互换
C语言:十进制、BCD码互换
C语言:十进制、BCD码互换
|
前端开发
React添加路径别名alias、接受props默认值、并二次封装antd中Modal组件与使用
本文介绍了在React项目中如何添加路径别名alias以简化模块引入路径,设置组件props的默认值,以及如何二次封装Ant Design的Modal组件。文章还提供了具体的代码示例,包括配置Webpack的alias、设置defaultProps以及封装Modal组件的步骤和方法。
249 1
React添加路径别名alias、接受props默认值、并二次封装antd中Modal组件与使用
|
10月前
|
人工智能 小程序
【一步步开发AI运动小程序】十五、AI运动识别中,如何判断人体站位的远近?
【云智AI运动识别小程序插件】提供人体、运动及姿态检测的AI能力,无需后台支持,具有快速、体验好、易集成等特点。本文介绍如何利用插件判断人体与摄像头的远近,确保人体图像在帧内的比例适中,以优化识别效果。通过`whole`检测规则,分别实现人体过近和过远的判断,并给出相应示例代码。
|
JavaScript
Vue组件传值异步问题--子组件拿到数据较慢
Vue组件传值异步问题--子组件拿到数据较慢
437 58
|
11月前
|
监控 网络协议 关系型数据库
打造您的网站守护神:Uptime Kuma 的轻松监控之旅!
Uptime Kuma 是一款强大的自托管服务监控工具,支持多种监控方式(HTTP(s)、TCP、Ping等)及丰富的通知功能,帮助用户轻松监控网站和服务的可用性,及时响应问题,保障服务连续性。提供用户友好的界面和灵活的安装选项,包括Docker和源代码构建,适合各种技术背景的用户使用。阿里云还提供了计算巢一键部署方案,简化了Uptime Kuma的安装过程,让用户可以更快地开始使用。
574 2
|
前端开发 JavaScript
node反向代理,解决跨域(http-proxy-middleware)
使用node.js和http-proxy-middleware库实现反向代理,解决跨域问题,允许前端请求通过代理访问不同端口的服务。
535 3
|
JavaScript 前端开发
如何将你的项目上传到 npm
如何将你的项目上传到 npm
786 0
|
JavaScript
video-08-videojs黑屏问题(详解总结)
video-08-videojs黑屏问题(详解总结)
602 1
|
数据采集 JavaScript 前端开发
利用axios库在Node.js中进行代理请求的实践
利用axios库在Node.js中进行代理请求的实践