typescript的接口及其到Javascript的转换
Typescript的接口是用来定义对象的结构和类型的一种方式。它可以包含属性、方法和索引签名，并且可以用于类型检查和编译期间的静态类型验证。
在Typescript中，接口的定义使用关键字interface，后面跟着接口的名称和花括号包裹的接口成员。接口成员可以是属性、方法或索引签名。
接口的优势有：
- 提供了一种规范和约束，可以确保对象的结构和类型符合预期。
- 增强了代码的可读性和可维护性，因为通过接口可以清晰地了解对象的属性和方法。
- 支持代码的重用和扩展，因为可以通过接口来定义通用的数据结构和行为。
在转换为JavaScript时，接口的定义会被移除，因为JavaScript并不直接支持接口的概念。接口中定义的类型信息会在编译阶段进行类型检查，但在运行时并不会存在。因此，转换后的JavaScript代码只包含具体的属性和方法的实现，没有接口的定义。
腾讯云相关产品中，与Typescript的接口相关的产品包括：
- 云函数（Serverless Cloud Function）：云函数是一种无需管理服务器即可运行代码的计算服务。可以使用云函数实现接口的定义和实现，支持多种语言，包括JavaScript和TypeScript。通过云函数，可以轻松部署和扩展接口的实现。腾讯云云函数介绍
- 云开发（Tencent CloudBase）：云开发是一款提供云端一体化开发能力的服务。可以使用云开发快速构建和部署应用程序，包括前后端接口的定义和实现。云开发支持JavaScript和TypeScript，提供了丰富的开发工具和资源。腾讯云云开发介绍
通过使用这些腾讯云产品，可以方便地搭建和管理接口的实现，并且获得高性能和可靠的云计算服务。
相关·内容
1回答
首先，一些背景知识:我有一个想法是制作一个几乎不依赖于JavaScript使用率的内容管理系统(我可以更具体，但这与问题无关)。
我想问，在内容管理系统中使用的所有JavaScript脚本都使用TypeScript值得吗？当然，不是外部的，它们是用纯JavaScript编写的，而是所有自定义的，它们可以并将被其他可能不知道TypeScript的用户使用……这将迫使他们学习写入或至少读取TypeScript。
我知道TypeScript编译成纯JavaScript，它的语法很像EcmaScript 6，但是编译后的JS并不总是可读性很好……
浏览 4提问于2013-02-19得票数 0
回答已采纳
新手问题
我在Javascript中有一个示例Javascript脚本，其中有一个translated到Typescript。没有太多的“任何”类型，有没有更短的方式？
Javascript版本：
const App = ({title}) => (
<div>{title}</div>
);
ReactDOM.render(
<App title="Xamarin" />,
document.getElementById("root"),
);
我的打字稿尝试：
interface IApp {
浏览 0提问于2019-10-28得票数 0
回答已采纳
我们目前正在项目中使用Microsoft TypeScript。我逐渐了解到，微软TypeScript正在遵循ECMAScript 6标准。因此，当ECMASCript 6最终完成并发布，浏览器本机支持基于ECMAScript 6的javascript时，我们需要微软TypeScript吗？
由于TypeScript遵循ECMAScript 6标准，在浏览器中直接支持基于ECMAScript 6的javascript之后，我们是否仍然可以使用类型记录而不编译成原生javascript，因为它最终将被浏览器支持？
浏览 0提问于2015-03-30得票数 0
2回答
在JavaScript中，向任何类型的prototype添加函数和成员是很简单的。我正在尝试在TypeScript中实现相同的功能，如下所示：
interface Date
{
Minimum: Date;
}
Date.prototype.Minimum = function () { return (new Date()); }
这会产生以下错误：
Type '() => Date' is not assignable to type 'Date'.
Property 'toDateString' is missing in
浏览 2提问于2016-03-19得票数 7
回答已采纳
目前(2019年7月) Flatbuffers还没有(目前)用于Javascript和Typescript的gRPC生成器。如何使用nbind来生成这样的Javascript/Typescript接口？基于Flatbuffers的示例之一的nbind示例将非常棒。
浏览 45提问于2019-07-09得票数 1
我想创建一个通用的TypeScript类，用于呈现(作为HTML )实现特定interface的对象数组。
例如：
class GenericListRenderer<T> {
items: T[];
constructor(listItems: T[], className?: string){
this.items = listItems;
...
}
private getPropertyNames(): string[]{
// What is the best way to access all property
浏览 3提问于2015-05-13得票数 35
有办法将ActioScript3代码转换为JavaScript吗？
注意到这两种语言，我注意到它们有许多相似之处。
我习惯于用ActionScript 3编写OOP代码，能够自动移植它非常有用。
浏览 2提问于2013-09-05得票数 0
回答已采纳
我来自javascript世界，是typescript的新手。我有一个用typescript编写的react项目。我声明了一个内联样式，但当我在react组件中使用它时，得到了以下警告：
Type '{ color: string; fontSize: string; fontWeight: number; }' is not assignable to type 'CSSProperties'.
下面是样式声明的代码。
const styles = {
promAlert: {
display: 'flex',
浏览 3提问于2018-06-21得票数 19
回答已采纳
问题定义
我的代码库由TypeScript和JavaScript组成，这两个代码由转换而来，后者还生成源代码映射。我有很多TypeScript接口，我想知道是否有一种方法为这些接口生成源映射，以便在调试时引用它们。
挖掘
做一些调查，似乎，在转换的同时，接口被带到了在JavaScript中使用的地方。有我遗漏的特征标志吗？
示例
export interface SomeInterface {
name: string
phone_no: string
}
浏览 2提问于2020-10-14得票数 0
回答已采纳
我有一些JavaScript代码，我正在尝试将其转换为Typescript。
据推测，typescript是JavaScript的超集，除了以下代码有编译器错误。假设我没有将ko库导入到typescript中，我该如何转换以下代码：
(function(ko, viewModels){
viewModels.MyViewModel = function(){
//stuff in here
}
}(ko, window.viewModels = window.viewModels || {}));
作为参考，这是我在TypeScript中的尝试
module v
浏览 2提问于2012-10-08得票数 3
回答已采纳
1回答
ES5没有Promise，请参见示例。但是，ES5的TypeScript库包含Promise定义：。为什么？
浏览 0提问于2020-05-20得票数 1
当我在看“我的世界”基础版脚本API时，我注意到它使用了JavaScript，我想知道我是否可以使用TypeScript来代替。当我在网上查找它时，我并没有找到一个直接的答案(我知道TypeScript是微软的JavaScript的超集，我的世界基岩版也是微软的，但在我潜入并学习它之前，我想要100%地确定我可以使用TypeScript )，这就是为什么我在这里问。
浏览 2提问于2020-05-12得票数 1
如何处理TypeScript或Javascript中的类型转换？
假设我有以下TypeScript代码：
module Symbology {
export class SymbolFactory {
createStyle( symbolInfo : SymbolInfo) : any {
if (symbolInfo == null)
{
return null;
}
if (symbolInfo.symbolShapeTyp
浏览 0提问于2012-11-03得票数 242
回答已采纳
为了有效地与RESTfull API进行通信，我定义了一个模型类Product，以体验Typescript在Javascript上的好处。
我面临许多挑战，因为get响应和post请求不尊重相同的对象结构。我需要做出更好的选择：
选项1：创建两个模型(一个用于post，另一个用于get)。
选项2：创建一个适配器，将json响应转换为模型结构类，并调整模型对象以满足post请求结构。
选项3：创建一个通用模型类，它使用any类型和nullable字段为get和post结构服务。
选项4：忽略使用模型类并动态操作javascript对象。
浏览 3提问于2017-02-23得票数 0
我正在进行从JavaScript到TypeScript的移植练习，并讨论了以下问题。
在最初的JavaScript代码中，我得到了：
var children = someJQueryElement.children('div');
var sortedChildren = children.sort(someSortFunction);
在TypeScript (1.4)中，所有jQuery方法都返回JQuery，它不是array，因此不能让sort调用它。
我该怎么解决这个问题？
浏览 5提问于2015-02-06得票数 1
回答已采纳
我正在转换一个包含大量jQuery插件的大型JS文件来使用TypeScript，所以我还需要创建必要的TS定义文件。我遇到了一个插件，我不知道定义文件是什么。
插件示例：
(function ($) {
$.fn.foo = function (options) {
var settings = $.extend({
one: false,
two: true
}, options);
//do something
};
$.fn.foo.bar = function (input) {
return input;
};
浏览 3提问于2015-06-06得票数 2
回答已采纳
我打算将我已有的一个JavaScript组件转换为TypeScript，但我是TypeScript新手，我不知道从哪里开始将我的JavaScript组件转换为TypeScript。
我只是把component的主要部分放在我的问题中，但简单地说，我的component包括：
Mycomponent：
class App extends React.Component {
state = { sections: [
{
"title": "Popular",
"items": [
{
"name"
浏览 0提问于2021-01-23得票数 1
我对Typescript中的Node开发有一个担忧。我一直在与一位精通node和javascript的node开发人员合作，但现在我们决定从javascript转向typescript，这是一个很好的决定。
问题是，因为我们已经开始用typescript编写代码，但是我们面临着选择是在typescript中使用模块化方式还是使用类的冲突。
选项1：
ab.ts
export function a () {
will write whole code here for that
}
选项2：
ab.ts
export class Ab {
constructor(){
}
public a
浏览 14提问于2019-10-28得票数 0
我想在JavaScript(.js)中的另一个项目中使用现有的angular(typescript)项目。是否有可能在另一个项目中使用已编译的typescript文件 例如，项目1在Typescript中，项目2在JavaScript中。我想在不重写整个项目的情况下使用或移植Typescript到JavaScript。如何实现这一点。请帮帮忙。
浏览 23提问于2019-06-18得票数 1
回答已采纳
在vue中，我有一个用于做axios类的服务类，这个类以前是用javascript..now代码库编写的，现在要迁移到完整的typescript....this模块，必须迁移到typescript，下面的代码怎么可能是好的类型转换代码？
import Axios from 'axios'
export default {
createStudent (name, age) {
return Axios.post('localhost:9090/student', { name: name , age: age })
}
}
我知道我只需要把扩展
浏览 1提问于2019-08-03得票数 0
3回答
AngularJS中的接口
、、、、
所以，我是Java中使用接口的铁杆粉丝。我正在尝试将这与AngularJS联系起来。我研究了Javascript的鸭子类型的概念，这是相当简单的。除了类似于接口的概念之外，基础AngularJS库还提供了什么？我知道javascript是松散类型的，但如果不使用typescript，有没有类似的东西？
我对AngularJS的熟悉程度还不足以让我进入现有的代码并改变功能，我不能从头开始开发一个设计良好的Angular应用程序。我们使用的是Angular版本1.X。
浏览 35提问于2016-08-13得票数 1
2回答
Vite迁移:错误没有提供导出
、、、、
我正在尝试使用Vue 2.0从vue-cli迁移到Vite。
我有一些用于GRPC通信的JavaScript生成的文件；在每个文件旁边，有一个声明性文件，因为我在TypeScript中使用Vue。在运行Vite时，我会得到以下错误：
Uncaught SyntaxError: The requested module '/src/proto/admin_config_grpc_web_pb.js' does not provide an export named 'AdminConfigurationServicePromiseClient'
但是，我有一个相应
浏览 3提问于2021-05-20得票数 3
我们有一个已经存在的JavaScript系统。
我们想要做的事情：我们希望开始将TypeScript集成到当前的系统中；我们不能只把所有的东西都转移到TypeScript上。我们希望慢慢开始在TypeScript中编写一些新模块。
我们尝试了什么：我们使用一种模式来组织我们的JS代码，类似于模块TypeScript构造。
我们试图在TypeScript中重写一个简单的类/对象，但在访问代码中定义的JS函数和其他文件时遇到了困难。
遇到的问题：我们必须创建虚拟接口，以及使用这些接口创建虚拟函数等等。
所以问题：任何人都可以评论一下，将TypeScript慢慢集成到现有JavaScript系统中的
浏览 5提问于2012-11-12得票数 32
回答已采纳
我第一次尝试TypeScript，我已经从nuget下载了angularjs.TypeScript.DefinitelyTyped包，但是我无法从它生成JavaScript文件。
我尝试删除该文件，创建一个新的TypeScript文件(称为angular.ts)，这将生成一个完全相同代码的JavaScript。我可以保留这个文件，并对其他文件做同样的操作，但似乎我应该能够编译这些类型的文件。
我还查看了我的项目的属性，并在TypeScript构建下激活了以下选项：
ECMAScript版本: ECMAScript 5
在保存上编译
允许隐式“任意”类型
模块系统:无
在Ja
浏览 12提问于2015-02-13得票数 1
回答已采纳
我有一个想要在typescript文件中使用的knockout扩展程序，但我不知道如何声明它。
这个扩展器是用javascript编写的，我想在一个typescript文件中使用它(因为这个项目目前是javascript和typescript的混合体)。但是，我还不能想出如何为扩展器添加定义。我从向KnockoutExtenders接口添加了如下内容(尽管我不确定是否错过了这个问题的要点)：
interface KnockoutExtenders {
trackChange<T>(target: T, track: boolean): ITrackChange<T&g
浏览 20提问于2017-02-16得票数 0
回答已采纳
我正在尝试从IONIC的Javascript方法中调用typescript方法。但是typescript方法没有被调用。我已经在IONIC中创建了一个Cordova插件，它将以Javascript成功或失败方法返回结果。在success方法中，我想调用typescript方法来导航到ionic中的另一个页面。请告诉我如何从Javascript调用typescript。 代码片段： var success= function(){
alert("JS method called");. // alert displayed
typescriptMe
浏览 18提问于2019-01-12得票数 1
1回答
我正在读这本书“棱角5计划”，我读到了这句话：
The Angular CLI uses Webpack to transpile, compile, and deploy project code.
在下面的中给出了Transpile和编译
transpile从TypeScript到JavaScript。
JavaScript编译JavaScript代码是什么语言？角-cli同时做着: transpile和编译吗？
谢谢你的帮助！
浏览 1提问于2018-09-20得票数 0
回答已采纳
1回答
可能重复：
我目前正在学习TypeScript，并想知道如何向现有对象添加功能。假设我想将Foo的实现添加到String对象中。在JavaScript中，我会这样做：
String.prototype.Foo = function() {
// DO THIS...
}
了解TypeScript类、接口和模块是开放的，因此我尝试了以下方法，但没有成功
1.参考来自JavaScript的TypeScript实现
JavaScript:
String.prototype.Foo = function() {
// DO THIS...
}
浏览 4提问于2012-12-16得票数 54
回答已采纳
我想在摩纳哥编辑器中禁用内置javascript/typescript建议，因为我想使用语言服务器建议。
是否有任何选项可以禁用内置javascript/typescript建议？
浏览 3提问于2021-11-22得票数 0
1回答
我为我的许多后端控制器提供了一个通用的提供者，如下所示：
@Injectable()
export class CommonMasterdataProvider<T> {
private readonly route:string = '/api/';
constructor(private http:HttpClient) {
this.route = this.route + T.name; //?? What can I use to get the type name here?
}
我可以将它插入到组件控制器中，但
浏览 1提问于2018-01-26得票数 3
回答已采纳
1回答
我一直在研究TypeScript编译器，并在语言规范中发现了这个奇怪的语句：
TypeScript编译器是用TypeScript实现的
这有可能吗？我必须相信，TypeScript编译器在很大程度上是在Javascript中开发的，但也许我在这里遗漏了一些东西。
浏览 2提问于2013-03-26得票数 1
回答已采纳
我是一个用TypeScript编写和使用Angular的初学者，但我在JavaScript方面很有经验。根据我所读到的，任何TypeScript都会被翻译成JavaScript并进行编译。那么，当我在TypeScript文件(例如whatever.component.ts文件)中编写代码时，这是否意味着我可以在其中混合或引入JavaScript语言代码，其中我还可以在.ts文件中编写TypeScript？
对于刚学习TypeScript/Angular的人来说，.ts文件中的代码可读性是如何存在的呢？
浏览 0提问于2018-12-07得票数 1
我们有相当数量的javascript，我们想要开始将它们带入TypeScript世界。理想情况下，我们可以创建TypeScript声明文件，而不必更改现有的javascript代码。
我花了几个小时尝试创建一个让TypeScript满意的声明文件，但到目前为止，它确实没有很好地工作。
下面的代码的声明文件是什么样子的？
Type.registerNamespace("Nmspc");
Nmspc.Timer = function () {
Nmspc.Timer.initializeBase(this);
this._interval = 10
浏览 3提问于2014-11-07得票数 1
如果我用普通的JavaScript编写，我知道我现在可以在我的.js文件旁边放置一个同级.d.ts文件，以便键入它以便在TypeScript中使用。
是否可以只编写一个.js文件并将声明放在其中，而不是拥有单独的.d.ts文件？
我知道目前我们可以编写jsdoc风格的注释，并获得一些类型，但与实际的TypeScript相比，这是相当有限的。我喜欢在.js文件中编写普通的声明。
浏览 7提问于2019-01-01得票数 0
我有一个代码，这是基于c#使用网络浏览器。我要做的是将浏览器中的javascript代码改为angular7和typescript
下面是使用javascript中c#函数的c#代码和javascript
在c#中
public int CheckLogin(object phone, object password)
在javascript中
window.external.CheckLogin(number,password)
通过window.external.method从javascript中使用CheckLogin函数很容易
但在typescript中，windows.ex
浏览 3提问于2018-11-30得票数 0
1回答
我已经安装了react-create dnd并运行了一段时间，现在突然从node_modules收到一个错误，关于创建-react-app无法编译react-create dnd包中的position.js文件。我已经调查了正在推送到他们的repo中的破坏更改，但两个月前没有什么不同，我使我的缓存无效并重新启动(在webstorm上)什么都没有，最后我删除了我的node_modules并重新安装了它们，但错误仍然发生。
它似乎正确地尝试将文件编译为javascript，尽管它的扩展名是javascript，但是代码似乎是Typescript，我查看了存储库，实际上githu
浏览 19提问于2021-05-27得票数 0
有没有一种用TypeScript在数组中查找项的规范方法？
ES6+支持这种简单/干净的方法
[{"id":1}, {"id":-2}, {"id":3}].find(myObj => myObj.id < 0) // returns {"id":-2}
TypeScript实现了许多ES6+功能，并将继续这样做。它似乎至少有一个很好的解决方案，所以：
考虑到易用性、现代最佳实践和通过简单性实现的优雅，如何使用TypeScript在数组中找到项？
(稍微重复一下问题以寻求最佳方法)
备注
"item“可以是J
浏览 853提问于2015-07-16得票数 76
回答已采纳
我正在将我的javascript代码升级到TypeScript，并且我面临以下javascript函数的问题。
var PreserveLinebreakInTextArea = function () {
$.valHooks.textarea = { get: function (elem) { return elem.value.replace(/\r?\n/g, "\r\n"); } };
}
在文本区域控制中，我使用了上述方法来保留断线。当我在类型记录文件中使用这个方法时，我得到了以下错误，
如有任何解决这个问题的建议，
浏览 2提问于2016-01-28得票数 5
回答已采纳
当我第一次学习TypeScript时，我发现node.js不执行TypeScript，所以您需要安装一个TypeScript编译器，将TypeScript代码转换为JavaScript。
我搜索到了ts-node (TypeScript execution和REPL for node.js)，但是当我阅读文档时，我发现他们也这样做()。甚至连deno ( JavaScript和TypeScript的现代运行时)也在这样做( )。
因此，我的问题是:在不将TypeScript代码转换为JavaScript的情况下，是否有任何引擎可以执行它？
浏览 4提问于2021-11-17得票数 7
回答已采纳
我有以下(人为的) TypeScript代码：
interface hasSpecialField {
specialField: string;
}
interface hasStringFn {
fn: (this: hasSpecialField) => string;
}
function whatIsMyContext(this: hasSpecialField): string {
return this.specialField;
}
function getObj(): hasStringFn {
let toBeBound: hasSpecialF
浏览 1提问于2017-06-10得票数 1
回答已采纳
在普通的JavaScript中，我们可以使用变量读取对象的属性值。
也就是说，这是有效的：
let obj = { a: 100, b: 'Need help with TypeScript', c: new Date() };
let prop = 'b';
console.log( obj[prop] ); // Need help with TypeScript
但是，下面的TypeScript注释声明prop为字符串将导致指示的索引错误。
let obj: object = { a: 100, b: 'Need help with TypeSc
浏览 3提问于2019-12-06得票数 0
假设我有一个TypeScript代码和资产的文件树，我从某个任意的URL (例如在CDN和调试位置之间)提供服务-我希望能够导入该模块的根，并允许树的其余部分在需要时正确导入(即不必多次提供加载路径)。 在JavaScript中，我可能会这样做： export class MyModule {
private dependentModulePromise;
constructor(rootpath) {
this.dependentModulePromise = import(rootpath + '/dependentModule');
浏览 12提问于2020-10-08得票数 0
1回答
我在RegisterAsyncJsObject CefSharp ChromiumWebBrowser注册了一所学校。这将在web浏览器中创建一个额外的JavaScript对象实例，如下所示：
frame.openWindow(name, data);
frame.navigateToWindow(name, data);
它非常适合普通的JavaScript。我能够访问这个对象，这些方法完成了他们的工作。
现在我想用TypeScript针对这个对象进行编程，但是TypeScript编译器不知道该对象的类型。我试图为该对象创建一个类型定义文件，但它并不真正有效。看来，如果我导入定义/声明，无论
浏览 4提问于2017-02-16得票数 0
回答已采纳
我理解Babel 风格的类型-注释。但是，它不像TypeScript编译器那样检查类型，并且从输出中删除类型注释。我希望达到的目标是：
带有TypeScript注解的Transpile stage-0代码到香草TypeScript
使用TypeScript编译器检查类型
输出与节点或浏览器兼容的JavaScript
这个是可能的吗？
浏览 5提问于2019-11-05得票数 4
回答已采纳
7回答
有了TypeScript，我们现在在JavaScript中有了静态分析和许多面向对象的特性。因此，现在也是时候在客户端逻辑中进行更好的单元测试了，同时我们还需要IOC容器来进行依赖注入，以使代码更易于测试……
那么，有没有人已经体验过这个主题，或者可能知道可以移植到TypeScript的typescript或JavaScript框架的库？
浏览 2提问于2012-10-09得票数 10
1回答
我正在尝试编译一些Node.js Typescript代码，但我遇到了两个名为console的变量的问题。本质上，Node.js有一个console.trace()方法，而普通的浏览器端Javascript没有。我在我的Typescript文件中引用了node.d.ts，其他一切都很好。node.d.ts将console声明为变量，但lib.d.ts也是如此，它似乎覆盖了Node.js版本。向编译器添加--nolib只会抛出数百个有关未定义符号的错误。有没有办法在不编辑lib.d.ts的情况下解决这个问题？(或者选择控制台：(<any>console).trace()?)
浏览 4提问于2013-04-04得票数 1
回答已采纳
有没有可能把typescript的interface转换成Javascript？如果是，那么如何将下面提到的typescript代码转换为Javascript。 interface xyz{
something? : string,
somethingStyle? : Textstyle
}
浏览 59提问于2021-07-31得票数 0
我正在做一个项目，其中UI已经在Angular中开发。我们的需求是将该UI加载到Android webview中。现在我们的用户界面需要一些信息从主机android设备，如BLE设备列表或wifi列表。所以我需要在android原生代码和Angular Typescript代码之间架起一座桥梁。到目前为止，我可以通过在typescript中创建一个接口来从Typescript代码调用Android代码，如下所示：
export class WebAppInterface {
showToast(toast: String): any;
}
与我在Android中实现的相同，如下所示：
浏览 9提问于2018-10-12得票数 2
1回答
TSify在浏览过程中忽略转换
、、、、
在基于gulp的工作流中，我试图在tsify编译之前对所有类型记录文件应用转换：
gulp.task(
'deploy-typescript',
function() {
var modulePath = configuration.files.typescript.entry;
var bundleStream = browserify([modulePath])
.transform(includeTemplates)
.plugin(tsify)
.bundle();
return bundleStr
浏览 1提问于2016-02-09得票数 4
我在我的库中使用了类似jQuery的初始化模式(我添加了一些关于我希望这些函数接受和返回的类型的注释)：
function JQueryConstructor ( selector /*: string | INSTANCE_OF_JQUERY*/ ) {
if ( selector.__jquery ) return selector;
}
function jQuery ( selector/*: string | INSTANCE_OF_JQUERY*/ )/*: INSTANCE_OF_JQUERY*/ {
return new JQueryConstructor ( sele
浏览 0提问于2018-10-21得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
