IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 7.Nodejs新特性async和await的使用 -> 正文阅读

[JavaScript知识库]7.Nodejs新特性async和await的使用

1.Es6常见语法的使用

1.letconst
  • let:是一个块作用域
    if (true) {
        let a = 123;
    }
    console.log(a);  // a is not defined
    
  • const:定义常量
    const PI = 3.1415926;
    PI = 3.15  // Assignment to constant variable.
    console.log(PI)
    
  • var:全局变量
2.箭头函数
setTimeout(() => {
    console.log("我被执行了")
}, 1000)
3.对象、属性和方法的简写
const name = "王五"
var person = {
    // "name": name
    // name: name
    name
}
console.log(person.name)
var name = "候七"
var app = {
    name,
    // run: function(){
    //     console.log(`${this.name}在跑步`)
    // },
    run(){
        console.log(`${name}在跑步`)
    }
}

app.run()
4.模板字符串
const name = "张三"
const age = 27
console.log(`${name}的年龄是${age}`)
5.Promise
  • 主要用来处理异步,比如下面的示例
    function getData(){
    	// 异步
        setTimeout(function(){
            let name = "孙悟空";
            return name
        }, 1000)
    }
    
    console.log(getData())  // undefined
    
  • 如果要在外面获取异步对象执行的结果,可以使用callback回调方式
    function getData(callback){
        setTimeout(function(){
            let name = "孙悟空";
            callback(name);
        }, 1000)
    }
    
    getData(function(result){
        console.log(result)  // 孙悟空
    })
    
  • Es6中新特性Promise方法
    var p = new Promise(function(resolve, reject){
        setTimeout(function(){
            let name = "猪八戒";
            resolve(name)
        }, 1000);
    })
    
    p.then(function(data){
        console.log(data);
    })
    

2.Async、Await和Promise

1.定义:
  • async是异步的简写,而await可以认为是async wait的简写,所以应该很好理解:async用于申明一个异步的fuction,而await用于等待一个异步方法执行完成。
2.简单示例
  • 1.async方法通常应该返回一个Promise对象
    async function test(){
    	// 通常异步方法中返回一个Promise对象,如果给定的是字符串,内部也会将其转换为Promise对象
    	return "hello nodejs";
    }
    
    console.log(test())
    
    // Promise {[[PromiseState]]: 'fulfilled', [[PromiseResult]]: 'hello nodejs', Symbol(async_id_symbol): 5, Symbol(trigger_async_id_symbol): 1}
    
    async function test(){
    	return new Promise(function(resolve, reject){
            resolve("hello nodejs")
        })
    }
    
    console.log(test())
    
  • 2.await方法必须在async方法中使用
    async function test(){
    	return new Promise(function(resolve, reject){
            resolve("hello nodejs")
        })
    }
    
    // console.log(await test())  错误写法
    
    async function main(){
        let result = await test();  // await必须用在async方法中
        console.log(result)
    }
    
    main();
    
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-09-04 01:02:48  更:2022-09-04 01:02:56 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 10:28:28-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码