项目作者: LDmin

项目描述 :
等待值的生成,比如等待dom的生成之后取到值,再执行后续代码。Wait for the generation of values, such as waiting for dom generation to fetch the values before executing the following code.
高级语言: TypeScript
项目地址: git://github.com/LDmin/wait-to-generate.git
创建时间: 2019-12-25T13:58:15Z
项目社区:https://github.com/LDmin/wait-to-generate

开源协议:

下载


Wait to generate 等待值的生成

等待值的生成,比如等待dom的生成之后取到值,再执行后续代码。
Wait for the generation of values, such as waiting for dom generation to fetch the values before executing the following code.
github: https://github.com/LDmin/wait-to-generate

Getting Started 使用指南

适用于浏览器和nodejs等。

Installation 安装

通过一步步实例告诉你如何安装部署、怎样运行使用。

npm install:

  1. npm i install --save

use require 使用requie:

  1. const wait = require('wait-to-generate').default

use import 使用import:

  1. import wait from 'wait-to-generate'

Usage example 使用示例

use promise 使用promise:

  1. const wait = require('wait-to-generate').default
  2. let aaa;
  3. setTimeout(() => {
  4. aaa = 'aaa'
  5. }, 2000)
  6. wait(() => aaa).then(v => {
  7. console.log(v) // 'aaa'
  8. })

use async await 使用async await:

  1. import wait from 'wait-to-generate'
  2. (async function () {
  3. // 测试监听的是对象属性
  4. const obj: { prop?: string } = {}
  5. setTimeout(() => {
  6. obj.prop = 'aaa'
  7. }, 2000)
  8. const wait_prop = await wait(() => obj.prop)
  9. console.log(wait_prop) // 2秒之后输出'aaa'
  10. // 测试监听值是普通值
  11. let n: number
  12. setTimeout(() => {
  13. n = 0
  14. }, 2000)
  15. const wait_n = await wait(() => n)
  16. console.log(wait_n) // 2秒之后输出 0
  17. let s: string
  18. setTimeout(() => {
  19. s = 'ludongmin'
  20. }, 2000)
  21. const wait_s = await wait(() => s)
  22. console.log(wait_s) // 2秒之后输出 'ludongmin'
  23. })()

Authors 关于作者

  • LuDongmin