Typescrip异步函数Promise使用方式_javascript技巧_

var p = new Promise(function (resolve, reject) { var x = 1; if (x > 0) { resolve({ msg: '异步调用成功', data: { x: 1, y: 2 } }); } else { reject({ msg: '异步调用失败', data: {} }); } }); //异步调用结果 p.then(function (data) { console.log('OK'); console.log(data); //console.log(data.msg,data.data); })["catch"](function (err) { console.log(err); }); //异步函数 function promiseFunc(t) { console.log("".concat(t / 1000, "\u79D2\u540E\u8C03\u7528\u5F02\u6B65")); return new Promise(function (resolve, reject) { setTimeout(resolve, t, '异步调用完成'); }); } //调用异步函数 promiseFunc(1000).then(function (value) { console.log(value); }); var promiseAction = new Promise(function (resolve, reject) { console.log('执行了一些异步操作...'); resolve('异步操作完成了!'); }); promiseAction.then(function (value) { console.log(value); }); // @ts-ignore // const XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest; // let getDataAsync=(url)=>{ // let p = new Promise((resolve, reject) => { // let c =new XMLHttpRequest(); // c.open('GET',url); // c.onreadystatechange = h; // c.responseType = 'json'; // c.setRequestHeader('Accept','application/json'); // c.send(); // function h(){ // if(this.readyState!==4){return;} // if (this.status===200){ // console.log('请求成功返回:',this.status); // resolve(this.response); // }else { // reject(new Error(this.statusText)); // } // } // }); // return p; // }; // getDataAsync('http://192.168.31.180/data.json') // .then(data=>{console.log(data);}) // .catch(err=>{console.log(err);}); //通过https加载json数据 var url = 'https://img-home.csdnimg.cn/data_json/toolbar/toolbar1105.json'; var url1 = 'https://mp-api.iqiyi.com/base/api/1.0/get_role'; var GetJsonData = function (url) { var https = require('https'); https.get(url, function (response) { var data = ''; //数据正在接收中... response.on('data', function (chunk) { data += chunk; }); //数据接收完成 response.on('end', function () { console.log('同步请求数据完成:', JSON.parse(data)); }); }).on("error", function (error) { console.log("Error: " + error.message); }); }; GetJsonData(url); //异步请求JSON数据实现 var GetJsonDataAsync = function (url) { var https = require('https'); return new Promise(function (resolve, reject) { https.get(url, function (response) { var data = ''; //数据正在接收中... response.on('data', function (chunk) { data += chunk; }); //数据接收完成 response.on('end', function () { //console.log(JSON.parse(data)); resolve(data); //数据接收完成 }); }).on("error", function (error) { console.log("Error: " + error.message); reject(new Error(error.message)); }); }); }; //异步调用 GetJsonDataAsync(url).then(function (value) { console.log("======================下面为异步加载数据================================="); if (typeof value === "string") { console.log('异步加载请求数据完成:', JSON.parse(value)); } })["catch"](function (err) { console.log(err); }); //通过request库请求json数据,使用前 sudo npm i -g request安装包 var request = require('request'); request(url, function (error, response, body) { console.error('错误:', error); console.log('状态码:', response && response.statusCode); console.log('数据:', JSON.parse(body)); }); //异步方式 var RequestJsonAsync = function (url) { return new Promise(function (resolve, reject) { request(url, function (e, r, d) { if (null != e) { reject(new Error(e)); } else { resolve(JSON.parse(d)); } }); }); }; RequestJsonAsync(url).then(function (value) { console.log("==============request异步加载json==============================="); console.log(value); })["catch"](function (err) { console.log(err); }); //nodejs needle库使用 ,使用前 npm i needle --save 安装包 var needle = require('needle'); needle.get(url, function (error, response) { if (!error && response.statusCode == 200) console.log(">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>", response.body); }); //异步模式 needle('get', url, { json: true }).then(function (resp) { if (resp.statusCode == 200) { console.log(">>>>>>>>>>>>>>异步模式>>>>>>>>>>>>>>>>>>>>>>>>>>>>>", resp.body); } })["catch"](function (err) { console.log(err); }); //使用axios库使用,axios直接异步 使用前安装 npm i -g axios --save var axios = require('axios'); axios.get(url) .then(function (res) { console.log(res); })["catch"](function (err) { console.log(err); }); //axios支持多请求并发 axios.all([ axios.get(url), axios.get(url1) ]).then(axios.spread(function (res1, res2) { console.log(res1); console.log(res2); }))["catch"](function (err) { console.log(err); }); //supertaget库使用 var superagent = require('superagent'); superagent.get(url) .end(function (err, res) { if (err) { return console.log(err); } console.log("superagent库调用==========>", res.body); }); //fetch库使用 使用前安装 npm i node-fetch 3x版本只能import导入 --save 支持异步 // @ts-ignore // import fetch from 'node-fetch'; //不能在模块之外使用 // fetch(url) // .then(res => res.json()) // expecting a json response // .then(json => { // console.log(json); // }) // .catch(err => { // console.log(err); // }); var p1 = new Promise(function (resolve, reject) { resolve('p1 resolve'); }); var p2 = new Promise(function (resolve, reject) { resolve('p2 resolve'); }); //只要p1,p2中的其中一个有状态改变,马上返回pRace var pRace = Promise.race([p1, p2]);//将多个Promise生成一个Promise pRace.then(function (value) { console.log(value); });

interface Person {     readonly id: number; // 只读属性 不能修改     name: string;     age: number;     age?: number;   // 可选     [propName: string]: any; // 任意属性     // 注意， } // 顺序 一般是 只读 -> 默认 -> 可选 -> 任意 let tom: Person = {     name: 'Tom',     age: 25 };

interface Person {     name: string;     age?: number;     [propName: string]: string; } let tom: Person = {     name: 'Tom',     age: 25,     // 报错 需要是 任意属性的子集     gender: 'male' };

interface Person {     readonly id: number;     name: string;     age?: number;     [propName: string]: any; } let tom: Person = {     name: 'Tom',     gender: 'male' }; tom.id = 89757;   // 报错，第一处是在对 tom 进行赋值的时候，没有给 id 赋值。 之后再赋值就报错

let arr: number[] = [1, 2, 3, 4, 5]; // 表示 是数组， 并且数组元素只能为 number 类型

// arr 表示 是数组， 并且数组元素只能为 number 和 string 类型 let arr: (number | string)[] = ['1', 'adaf', 2, 3, 5]

let arr: Array = [1, 2, 3, 4, 5];

// error 函数中的 arguments 这也定义会报错 let args: number[] = arguments; // success 改成 let args: IArguments = arguments;

function sum(x: number, y: number): number {     return x + y; }

let mySum = function (x: number, y: number): number {     return x + y; };

let mySum: (x: number, y: number) => number = function (x: number, y: number): number {     return x + y; };

function getLength(something: string | number): number {     // 将他断言为 string     if ((something).length) {         return (something).length;     } else {         return something.toString().length;     } }

// error  function toBoolean(something: string | number): boolean {     return something; } // Type 'number' is not comparable to type 'boolean'

function swap(tuple: [T, U]): [U, T] {     return [tuple[1], tuple[0]]; }

import React, { MouseEvent, ReactNode } from 'react' type Props = {   onClick(e: MouseEvent): void  children?: ReactNode  } const Button = ({ onClick: handleClick, children }: Props) => (   {children} )

import React from 'react'; import { Form } from 'antd'; import { FormComponentProps } from 'antd/es/form'; interface IProps extends FormComponentProps {   loading: boolean; } const Page: React.FC  = (props) => {   return (      
Page
   ) } expo
                
提示：
                    本文由神整理自网络，如有侵权请联系本站删除！
                    

                    本站声明： 

                    1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持； 

                    2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！
                
                

                

                                            
上一篇：Typescript使用修饰器混合方法到类的实例_javascript技巧_
                                                                
下一篇：Nodejs如何使用http标准库异步加载https请求json数据_node.js_