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)


相关文章
|
19天前
|
前端开发 JavaScript 编译器
深入解析JavaScript中的异步编程:Promises与async/await的使用与原理
【4月更文挑战第22天】本文深入解析JavaScript异步编程,重点讨论Promises和async/await。Promises用于管理异步操作,有pending、fulfilled和rejected三种状态。通过.then()和.catch()处理结果,但可能导致回调地狱。async/await是ES2017的语法糖,使异步编程更直观,类似同步代码,通过事件循环和微任务队列实现。两者各有优势,适用于不同场景,能有效提升代码可读性和维护性。
|
2月前
|
C#
C#学习系列相关之多线程(四)----async和await的用法
C#学习系列相关之多线程(四)----async和await的用法
|
4月前
|
JSON 前端开发 JavaScript
async/await语法
async/await语法
23 0
|
4月前
|
JavaScript 前端开发 开发者
7个Js async/await高级用法
7个Js async/await高级用法
|
6月前
|
JavaScript 前端开发
asyns和await用法?
asyns和await用法?
|
9月前
|
前端开发
promise ,async/await的基础用法
promise ,async/await的基础用法
|
11月前
|
前端开发 JavaScript 程序员
【JavaScript】Promise(三) —— async 与 await、宏任务与微任务
【JavaScript】Promise(三) —— async 与 await、宏任务与微任务
170 0
|
12月前
|
小程序 前端开发
小程序里使用es7的async await语法
小程序里使用es7的async await语法
|
前端开发 JavaScript
从 async 和 await 函数返回值说原理
昨天在文章《JavaScript中的 async 和 await》中简单的介绍了其使用方法。那么 async 和 await 如何工作,如何正确的使用 async 和 await 。
314 0
递归以及for循环里async 和 await 的用法
递归以及for循环里async 和 await 的用法
242 0
递归以及for循环里async 和 await 的用法