首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在typescript 3.8 promise中使用"this“未定义

在TypeScript 3.8中,使用"this"未定义的问题可能是由于以下几种情况导致的:

  1. 缺少正确的类型注解:在使用Promise时,需要确保正确地注解函数的返回类型以及使用"this"的上下文类型。如果没有正确注解函数的返回类型,TypeScript可能无法正确推断"this"的类型,从而导致未定义的错误。确保在函数定义中使用正确的类型注解,特别是在使用箭头函数时。
  2. 丢失函数上下文:当使用箭头函数作为Promise的回调函数时,箭头函数会继承外部函数的上下文,而不是创建自己的上下文。如果箭头函数所在的上下文中没有定义"this",那么在箭头函数中使用"this"时将会是未定义的。确保在使用箭头函数时,上下文中存在定义的"this"。
  3. 使用bind()方法:如果在Promise的回调函数中使用了bind()方法来绑定函数的上下文,那么需要确保正确地绑定了"this"。如果没有正确绑定,"this"将会是未定义的。确保在使用bind()方法时,正确地绑定了函数的上下文。
  4. 使用async/await:在TypeScript 3.8中,可以使用async/await语法来处理Promise。使用async关键字修饰函数,并在函数内部使用await关键字来等待Promise的结果。在使用async/await时,不需要直接使用"this",而是可以直接使用类中的成员变量和方法。

综上所述,要解决在TypeScript 3.8 Promise中使用"this"未定义的问题,需要确保正确地注解函数的返回类型、正确绑定函数的上下文,或者使用async/await语法来处理Promise。同时,建议参考腾讯云的TypeScript相关文档和产品,以获取更多关于TypeScript的信息和使用建议。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

vueIE下无法正常工作,Promise未定义

用vue写了一个日历组件,Firefox、Edge、Chrome以及360等浏览器极速模式运行一切正常,如图: 但在IE和360等浏览器的兼容模式下却显示了模板,看起来像乱码一样,如图: 按F12...左思右想,突然灵光一闪,ES5的函数声明并不能为形参赋默认值,这种写法是ES6新增的,而IE是不兼容ES6的,那就把代码改一改,这里不再赋默认值,为了让方法可以正确执行而不报错,调用这个方法的地方都强制传参就好了...未定义`的错误,如下图: 这是因为`axios`使用了`es6`新增的`Promise`对象导致,我们只需要在引入前先引入`es6-promise.auto.min.js`即可解决问题。...`es6-promise`项目[github地址](https://github.com/stefanpenner/es6-promise) 现在,这个组件终于可以IE上正常展示了!...VUE: 1 / 1 vueIE下无法正常工作,Promise未定义

4.2K20

vue Promise 使用方法

Promise 基本概念: Promise是一个构造函数,所以可以 new 出一个Promise的实例; Promise上有两个函数 resolve (成功之后的回调函数)和 reject (失败后的回调函数...); Promise构造函数的prototype属性上,有一个 .then() 方法。...reject把结果返回调用者 由于Promise的实例是一个异步操作,所以内部拿到操作结果后,无法使用return把操作结果返回给调用者 , 这个时候只能使用 回调函数 的形式,把成功或失败的结果,...返回给调用者,具体: 我们可以new出来的Promise实例上,调用 .then()方法,预先为这个Promise异步操作,指定成功(resolve)和失败(reject)回调函数。...2.使用实例 store.js的actions添加increment方法。测试reject的使用方法。

1.2K10
  • 【译】Typescript 3.9 常用新特性一览

    Typescript 3.9 新特性一览 好消息好消息,3.9 正式版本发布了 相关文章导航 Typescript 3.7 常用新特性一览 Typescript 3.8 常用新特性一览 Typescript...bugs 挑几个重点的写一下 1、interface 的优化和 promise.all 使用修复 我们知道 3.7 版本后面对 promise.all & promise.race 等方法做出了更新...当然最新的 3.9 版本修复了这个问题。 1.1 全新的 awaited type awaited type 主要是对现在的 promise 更好的定义和使用。...旧版本TypeScript 强制要求用户无论使用什么文件,都必须以 ECMAScript 的形式导入,例如: import * as fs from "fs"; 但在编写 JavaScript...bar).baz 以上代码,括号会阻止可选链的“短路”行为;因此如果未定义 foo 为 undefined,则访问 baz 会引发运行时错误。

    1.3K20

    JavaScriptPromise使用详解

    那么如何解决地狱回调,保持我们的代码简短,这时Promise就出场了,Promise对象可以理解为一次执行的异步操作,使用Promise对象之后可以使用一种链式调用的方式来组织代码;让代码更加的直观。...先来构造下一个Promise实例 const promise = new Promise(function(resolve, reject) { // … some code If (/* 异步操作成功...Resolve函数的作用是,将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),异步操作成功时调用,并将异步操作的结果,作为参数传递出去; Reject...函数的作用是,将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。...暂时就写到这,后期更新。

    1.3K1513

    如何使用 TSX Node.js 本地运行 TypeScript

    但我们可以Node.js中直接运行TypeScript文件而无需任何编译步骤,这称为加载器(Loaders)。...这两个软件包都是加载器,它们接收运行时加载的文件,并对其执行操作,我们的情况下,操作是将TypeScript文件编译为JavaScript。...最有趣的部分是,TSX被开发为Node的完整替代品,因此您实际上可以将TSX用作TypeScript REPL,只需使用npm i -g tsx全局安装它,终端运行tsx,然后就可以原生地编写TSX...TSX作为加载器通过加载器运行一个文件(或所有文件)很简单,只需package.json创建一个启动脚本,并使用以下内容:"scripts": { "start": "node --loader...使用TSX作为加载器不允许将其与其他选项一起使用,例如观察模式。扩展功能自Node 20.6版本以来,我们可以直接加载.env文件存在的环境配置文件。但如何同时使用加载器和配置文件呢?

    1.7K10

    停止 JavaScript 中使用 Promise.all()

    Fulfilled(已实现):当 promise 成功完成并产生值时的状态。 Rejected(已拒绝):当发生错误并且 promise 的操作不成功时的状态。...一旦 promise 被解决,你可以使用 .then() 来处理结果,使用 .catch() 来管理其执行过程中出现的任何错误。...为什么 Promise.allSettled() 更出色 总的来说,使用 Promise.allSettled() 而不是 Promise.all() 大多数常见情况下都有其优势: 全面的结果信息 如果...明智的决策 使用 Promise.allSettled() 后,你可以获得所有 promises 的结果后做出更明智的决策。...总结 总之,Promise.all() 某些情况下可能很有价值,但 Promise.allSettled() 为大多数场景提供了更灵活和更有韧性的方法。

    13110

    停止 JavaScript 中使用 Promise.all()

    停止 JavaScript 中使用 Promise.all() JavaScript 的 Promises 是什么? 从本质上讲,Promise 对象表示异步操作的最终完成或失败。...为什么 Promise.allSettled() 更出色 总的来说,使用 Promise.allSettled() 而不是 Promise.all() 大多数常见情况下都有其优势: 全面的结果信息 如果...明智的决策 使用 Promise.allSettled() 后,你可以获得所有 promises 的结果后做出更明智的决策。...主函数,我们创建一个包含三个数据源的数组 dataSources。然后,使用 Promise.allSettled(dataSources) 并行获取数据,并遍历结果数组 results。...每个任务都是一个返回 Promise 的函数,模拟了执行任务的过程。 主函数,我们创建一个包含三个任务的数组 tasks。

    10410

    优雅的vue中使用TypeScript

    TypeScript 是 JS 类型的超集,并支持了泛型、类型、命名空间、枚举等特性,弥补了 JS 大型应用开发的不足。...单独学习 TypeScript 时,你会感觉很多概念还是比较好理解的,但是和一些框架结合使用的话坑还是比较多的,例如使用 React、Vue 这些框架的时候与 TypeScript 的结合会成为一大障碍...识别.vue 文件,Ts 默认并不支持导入 vue 文件 使用 开始前我们先来了解一下 vue 中使用 typescript 非常好用的几个库 vue-class-component: vue-class-component...,$emit 会在 Promise 对象被标记为 resolved 之后触发 @Emit 的回调函数的参数,会放在其返回值之后,一起被$emit 当做参数使用 vuex 使用 store 装饰器之前,...store 创建之后,再添加到 store

    2K20

    优雅的 react 中使用 TypeScript

    写在最前面 为了 react 更好的使用 ts,进行一下讨论 怎么合理的再 react 中使用 ts 的一些特性让代码更加健壮 讨论几个问题,react 组件的声明?...react 高阶组件的声明和使用?class组件 props 和 state 的使用?...... react 中使用 ts 的几点原则和变化 所有用到jsx语法的文件都需要以tsx后缀命名 使用组件声明时的Component泛型参数声明,来代替PropTypes!...因为react的高阶组件本质上是个高阶函数的调用,所以高阶组件的使用,我们既可以使用函数式方法调用,也可以使用装饰器。...但是TS,编译器会对装饰器作用的值做签名一致性检查,而我们高阶组件中一般都会返回新的组件,并且对被作用的组件的props进行修改(添加、删除)等。

    2.7K10

    TypeScript使用泛型:使用指南

    明白 TypeScript 的泛型 泛型 Generics 不仅仅是 TypeScript 的一个基本概念,很多现代编程语言中也存在。...流行库/框架泛型现实例子 泛型不仅仅是理论概念,现实的库和框架它们被广泛使用,提供可扩展和类型安全的解决方案。...通过这个方法,这能函数能放心使用将会存在的传递过来的参数的 length 属性。 泛型中使用 keyof TypeScript keyof 操作符可以泛型结合使用,来确保属性名的类型安全。...总结 总得来说,TypeScript 的泛型功能很强大,当有效使用它们,会很好地增强我们代码的可扩展性,可重用性和类型安全性。...请记得,深思熟虑后,将它整合到我们的开发流程,并享受正确使用它们所产生的类型安全和可维护性代码的乐趣。

    13810

    Promise.all统计WebHDFS时的使用

    1、一天里按时间(精确到小时)来请求WebHDFS(数据类型是JSON) 利用Promise异步请求 2、将上面所有Promise异步请求包装成数据,投入到Promise.all 遇到问题:...Promise.all 只会在所有传给他的 Promise 都 resolve 了之后才会 resolve,如果其中的一个 reject 了,那么 Promise.all 后面的 then 就不会被执行...,catch 会被执行 这样的话,一旦某个小时的日志请求失败了(reject),那么.then里的操作就没法执行了,如何让 Promise.all 坦然面对失败呢?...解决方案: Promise.all(promises.map(p => p.catch(() => undefined))); 参考https://zhuanlan.zhihu.com/p/26920718...异步操作:把写好标号的100张便利贴发给这100个人,让他们再返还给你,你根据便签上写的业务,异步来办理,最后把办理好的结果,按序号排好,给办理人 Promise.all就是你,Promise.all

    1.4K30

    VS 2015 中使用 Gulp 编译 TypeScript

    VS 2015 中使用 Gulp 编译 TypeScript 升级到 VS2015 之后, TypeScript 文件不能自动编译成 js 文件, 要编译项目才能讲所有的 ts 文件 编译成 js...文件, 不过 VS2015 支持 Gulp , 而 Gulp 有 TypeScript 插件, 这样使用 Gulp 自动编译 ts 文件的方法就可以实现了。...我们要把 app 目录下的 ts 文件编译到 wwwroot/app 目录下, 使用 Gulp 的做法是这样的: 1、 添加 gulp 和 gulp-typescript NPM 包 打开 package.json..., devDependencies 节点下添加: { "devDependencies": { "gulp": "^3.9.0", "gulp-typescript...) .pipe(gulp.dest('wwwroot/app')); }); 现在在 Task Runner Explorer 就能看到这个名称为 tsc 的任务了, 运行一下, 果然

    1.3K30
    领券