草庐IT

【TypeScript】深入学习TypeScript装饰器

全部标签

javascript - 你能在 TypeScript 接口(interface)中定义字符串长度吗?

我有一个这样的结构:structtTest{charfoo[1+1];charbar[64];};我有TypesScriptexportinterfacetTest{foo:string;bar:string;}有没有办法将[64]和[1+1]添加到类型中? 最佳答案 正如评论所说:js/ts不支持char类型,无法声明数组/字符串长度。不过,您可以使用setter强制执行:interfacetTest{foo:string;}classtTestImplementationimplementstTest{private_foo:s

javascript - 动态访问类 TypeScript 的方法

我正在尝试使用TypeScript中先前设置的变量的值动态访问类的方法。类似的东西:classFoo{bar(){}}varmethodName="bar";varfooBar=newFoo();fooBar.methodName();//IwouldlikethistoresolvetofooBar.bar();例如,在PHP中我可以执行以下操作:classFoo{publicfunctionbar(){}}$methodName="bar";$fooBar=newFoo();$fooBar.$methodName();//resolvestofooBar.bar();谁知道这是否可

javascript - import * vs import { specificName } 在 Typescript/ES6 中?

声明declaremodule"MyModule"{exportfunctionFoo(){...}exportfunctionBar(){...}}我只需要Foo某处,我应该如何导入它?import*asMyModulefrom"MyModule";MyModule.Foo();或import{Foo}from"MyModule";Foo()哪个比另一个好?以第一种方式导入所有导出是否有任何性能影响?我在发布问题之前阅读的一些引用资料:https://www.exratione.com/2015/12/es6-use-of-import-property-from-module-is

javascript - 如何使 webpack typescript react webpack-dev-server 配置以自动构建和重新加载页面

我的意图是有这样的目录结构:-/my-project/--/src/(hereareall.tsxfileslocated)--/dist/-index.html-/build/-bundle.js--/node_modules/--package.json--tsconfig.json--webpack.config.js所以,我想要我的index.html,它是在/dist子目录中手动创建的,在它里面我想要/buildsubdir,webpack制作的app.js所在的位置。我希望当我保存一些位于我的/src目录中的.tsx文件时,webpack会自动重建app.js并且webpa

javascript - TypeScript:标记的模板文字显示错误

我正在尝试使用taggedtemplateliteral带有typescript的ES5,但似乎typescript没有完全支持它。我有以下代码。classTemplateLiterals{age:number=24;name:'LukeSkywalker'privatetag(strings:string[],personExp,ageExp):string{varstr0=strings[0];//"that"varstr1=strings[1];//"isa"varageStr;if(ageExp>99){ageStr='centenarian';}else{ageStr='yo

javascript - 使用 TypeScript 和 React 输入 redux forms v7

我有一个简单的react-redux驱动的表单。我希望有一个form.container.tsx和一个form.component.tsx,其中form.container.tsx包含与redux状态减去Field的所有连接。我试图将我的容器包装在react-redux的连接中,然后将reduxForm包装在其中,看起来像TypeScript,redux-formandconnect:(理想)form.container.tsx:interfaceDummyFormContainerProps{}exportconstDummyFormContainer:React.SFC=props

JavaScript:学习如何 "consume RESTful APIs"

我已经编码JS几年了,现在正在学习更多。看到很多雇主要求“了解RESTAPI”或“使用RESTful服务的经验”。我知道AJAX的基础知识,包括原生JS和jQuery。我在SO和网络上对REST进行了相当多的研究。关于如何使用JAVA、C#等在服务器端构建RESTfulAPI的信息似乎有很多,但关于如何使用JavaScript访问这些服务的信息却很少。以下是问题:“使用RESTful服务”是“使用AJAX从服务器获取数据”的另一种说法,还是其他说法?如果是别的东西,关于这个主题的一些好的教程在哪里?一旦我掌握了基础知识,我在哪里可以找到Web上的RESTfulAPI以供使用?

javascript - typescript :如何从javascript文件导入类?

我愿意:导入定义类的js文件:./myClass/index.js在某处声明MyClass的公共(public)方法(在index.ts或指定的声明文件中,我真的不知道该怎么做)有一个公开类的typescript文件:index.ts有点像//index.tsimportMyClassfrom'./myClass'//orrequire,oranythingthatwouldworkexport{MyClass}和//myClass/index.jsexportdefaultclassMyClass{...}这显然是行不通的,因为./myClass/index的导入将找不到模块。问题是

javascript - IHttpPromise 使用 TypeScript 2.5 错误地扩展了 IPromise

我开始使用Typescript2.5,现在我在Angulartypescript定义文件中收到以下代码消息:interfaceIHttpPromiseextendsIPromise{success(callback:IHttpPromiseCallback):IHttpPromise;error(callback:IHttpPromiseCallback):IHttpPromise;then(successCallback:(response:IHttpPromiseCallbackArg)=>IPromise,errorCallback?:(response:IHttpPromise

javascript - 我如何使用 gulp 在不同的文件中而不是在 javascript 文件中创建 Typescript sourcemaps?

我有一个使用gulp的项目。我想将typescript文件转换为javascript并拥有源map。这是我现在拥有的:varsourcemaps=require('gulp-sourcemaps');vartypescript=require('gulp-typescript');gulp.task('typescript',function(){gulp.src('app/**/*.ts').pipe(typescript()).pipe(sourcemaps.init()).pipe(sourcemaps.write()).pipe(gulp.dest('app'))});这部分有