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)


相关文章
|
10月前
|
前端开发
Await和Async是什么?跟Promise有什么区别 使用它有什么好处
Await和Async是什么?跟Promise有什么区别 使用它有什么好处
|
4月前
|
JavaScript 前端开发 开发者
async/await和Generators在处理异步时有什么区别
总的来说,async/await 是在 Generators 的基础上发展而来的,它解决了 Generators 在处理异步时的一些不足之处,提供了更简洁、高效和易于理解的方式来处理异步操作。然而,Generators 在某些特定场景下仍然可能有其应用价值。
70 4
|
4月前
|
前端开发 JavaScript 开发者
除了 async/await 关键字,还有哪些方式可以在 JavaScript 中实现异步编程?
【10月更文挑战第30天】这些异步编程方式在不同的场景和需求下各有优劣,开发者可以根据具体的项目情况选择合适的方式来实现异步编程,以达到高效、可读和易于维护的代码效果。
|
8月前
|
前端开发 JavaScript 定位技术
JavaScript 等待异步请求数据返回值后,继续执行代码 —— async await Promise的使用方法
JavaScript 等待异步请求数据返回值后,继续执行代码 —— async await Promise的使用方法
131 1
|
10月前
|
前端开发 JavaScript 编译器
深入解析JavaScript中的异步编程:Promises与async/await的使用与原理
【4月更文挑战第22天】本文深入解析JavaScript异步编程,重点讨论Promises和async/await。Promises用于管理异步操作,有pending、fulfilled和rejected三种状态。通过.then()和.catch()处理结果,但可能导致回调地狱。async/await是ES2017的语法糖,使异步编程更直观,类似同步代码,通过事件循环和微任务队列实现。两者各有优势,适用于不同场景,能有效提升代码可读性和维护性。
|
10月前
|
JSON 前端开发 JavaScript
async/await语法
async/await语法
80 0
|
JavaScript 前端开发
asyns和await用法?
asyns和await用法?
|
前端开发 JavaScript
从 async 和 await 函数返回值说原理
昨天在文章《JavaScript中的 async 和 await》中简单的介绍了其使用方法。那么 async 和 await 如何工作,如何正确的使用 async 和 await 。
430 0
|
前端开发
promise ,async/await的基础用法
promise ,async/await的基础用法
103 0
|
前端开发 JavaScript 程序员
【JavaScript】Promise(三) —— async 与 await、宏任务与微任务
【JavaScript】Promise(三) —— async 与 await、宏任务与微任务
248 0

热门文章

最新文章