草庐IT

【TypeScript】深入学习TypeScript装饰器

全部标签

javascript - 如何在 TypeScript 中使用类类型作为映射键?

我想在反射(reflect)类类型的键下的TypeScript(JavaScript)映射中存储一些信息。这是因为存储的数据实际上是静态的并且适用于每个类型,而不是每个实例。这是我声明Mapatm的方式:privatestaticfollowSetsByATN:Map=newMap();但是,number应该是类类型。如何实现? 最佳答案 如果您有一个对象({})作为映射,则键必须是字符串(或自动转换为字符串的数字)。在这种情况下,您可以使用toString()方法:classA{}console.log(A.toString())

javascript - VS Code 能否在文件重命名/移动时自动更新 JavaScript 和 TypeScript 导入路径?

是否有用于vscode的模块可以更新文件路径?例如如果我有:import'./someDir/somelib'然后我重命名或移动somelib,它会自动更新所有被引用的文件中的文件路径吗? 最佳答案 此功能是在VSCode1.24(trackingissue)中为JavaScript和TypeScript添加的当您移动或重命名文件时,系统现在会提示您查看是否要更新导入:这由javascript.updateImportsOnFileMove.enabled和typescript.updateImportsOnFileMove.ena

javascript - typescript 无法导入没有扩展名的文件

我正在尝试在我的新Angular2项目中导入文件。入口文件“main.ts”能够使用以下方式导入其他typescript文件:import{AppModule}from'./module/app.module';另一方面,“app.module.ts”无法导入没有文件扩展名的ts文件:import{AppComponent}from'../component/app.component';如果我在文件名中添加“.ts”,一切都会按预期进行...我的错误是什么?我假设我正在按照Angular指南(https://angular.io/docs/ts/latest/guide/webpac

javascript - 通过将它们的方法包装在一起,Typescript 类对象的性能是否会变慢?

我可能是错的,但通过查看typescriptsplayground,我注意到他们将类的方法与对象变量包装在一起,感觉每次我调用新对象时它可能会降低性能。例如类的TypescriptPlayground输出varFatObject=(function(){functionFatObject(thing){this.objectProperty='string';this.anotherProp=thing;}FatObject.prototype.someMassivMethod=function(){//manylinesofcode//...//...//...//.........

javascript - 将 Vue.js 与 Typescript 一起使用时如何使用 vue-resource 等插件?

我开始使用Typescript并尝试将其应用到我的项目中。但是,我无法使用vue-resource等Vue.js插件。当我使用this.$http.post()我得到错误:errorTS2339:Property'$http'doesnotexistontype'typeofVue'.这是有道理的,因为我在类里面。但是我该怎么做呢?这是我的完整组件:SignupNamePleaseprovideaname.PasswordPleaseprovideapassword.importComponentfrom'vue-class-component'@Componentexportdefa

javascript - 如何使用 TypeScript 将拖动事件处理程序附加到 React 组件

我正在使用TypeScript(2.4.2)首次涉足React(15.6.1),我正在尝试创建一个组件来表示可拖动的JSON字段。这是我的组件代码:import*asReactfrom"react";interfaceJsonFieldProps{name:string;type:string;indent:number;}exportclassJsonFieldextendsReact.Component{marginStyle={'text-indent':`${this.props.indent*15}px`};render(){return{this.props.name}:{

javascript - typescript 和 react-native 的 ForwardRef 错误

使用forwardRef时出现ts错误//[ts]Property'forwardRef'doesnotexistontype'typeofReact'.constMyComponent=React.forwardRef((props:Props,ref:any)=>...在ReactNative中,父组件抛出此错误:InvariantViolation:Elementtypeisinvalid:expectedastring(forbuild-incomponents)oraclass/function(forcompositecomponents)butgot:object有什么解

javascript - 导入第三方js文件到angular typescript项目

在我使用Angular的过程中,我被迫使用四种不同的方式来包含第3方库poliglot.js(对于多语言)。为了能够在我的Lang类中使用newPolyglot(...):exportclassLang{...constructor(){this.polyglot=newPolyglot({locale:'en'});...}...}我用这四种方法A.在我相当老的(2016年)angular2(基于framerworkangular2-webpack-starter)项目中(目前由于缺少require指令,该解决方案不起作用在新的Angular项目中):varPolyglot=requ

javascript - 我应该用 typescript 将我所有的 express 服务器包装在一个类中吗?

我认为自己足以胜任nodeJs。我最近决定通过开始使用Typescript进行开发来改变我的应用程序。我最近看到许多博客(likethisone)在创建RESTfulAPI时,他们将所有模块和应用程序的所有入口点包装在一个类中。它是否正确,或者我可以继续像以前一样使用typescript开发我的应用程序吗? 最佳答案 这是一个风格问题,而不是其他任何问题。但是Express不会为其单元推广OOP,并且将应用程序定义为类没有明显的好处:classApp{publicapp:express.Application;constructor

javascript - TypeScript/JSX 类型断言仅在 JSX 之外有效

我有一个通过数组映射的React组件。每个数组项都有一个可选的ID类型。如果我有这个ID,我将渲染一个元素,否则什么都不渲染。这个元素有一个onClick调用函数接受ID作为参数。即使我检查我是否有ID,TypeScript仍然提示ID可能未定义,但只在onClick方法内部,而不是外部(参见代码示例)这是为什么呢?我怎样才能让这个错误消失?PleaseseetheerrorontheTypeScriptplayground://fakebindingsdeclarenamespaceReact{functioncreateElement():any;}//Thistypehasano