【[TypeScript] 建置输出单一JavaScript档案(.js)与Declaration档案(.d.ts)】教程文章相关的互联网学习教程文章

JavaScript 、TypeScript 中的 Boolean【代码】

boolean 是 JavaScript 中一种有趣的原始数据类型。在TypeScript中,非严格模式下("strictNullChecks": false),它总共允许4个值 true 、false、undefined、null 。JavaScript 中的 Booleanboolean 可以取值 true 或 false 。 其他类型的值可以是真值或假值,例如 undefined 或 null 。let b = true if(b) console.log(‘logged‘)b = false if(b) console.log(‘not logged‘)b = undefined if(b) console.log(‘not logged‘)b...

JavaScript面向对象轻松入门之多态(demo by ES5、ES6、TypeScript)【代码】

多态(Polymorphism)按字面的意思就是“多种状态”,同样的行为(方法)在不同对象上有不同的状态。  在OOP中很多地方都要用到多态的特性,比如同样是点击鼠标右键,点击快捷方式、点击桌面空白处、点击任务栏等弹出的菜单都是不同的。方法重写(override):  即子类定义一个与父类名字相同的方法,以此覆盖父类方法,以此来实现不同的功能。 1function Animal(){}2var AnimalP = Animal.prototype;3 AnimalP.eat = funct...

[TypeScript] 建置输出单一JavaScript档案(.js)与Declaration档案(.d.ts)【代码】

[TypeScript] 建置输出单一JavaScript档案(.js)与Declaration档案(.d.ts)问题情景开发人员使用Visual Studio来开发TypeScript,可以很方便快速的将项目里的所有TypeScript档案(.ts),一口气全部编译成为JavaScript档案(.js),用以提供html网页使用。但是当软件项目越来越庞大的时候,过多的.js档引用,会增加开发.html档案时的负担;并且每个.js档之间的相依关系,也很容易因为引用顺序的错误,而造成不可预期的问题。<!DOCTYPE htm...

javascript – 如何在TypeScript中将类方法作为jQuery EventHandler附加【代码】

我正在将一些JavaScript代码转换为TypeScript,我无法弄清楚jQuery EventHandler的签名应该如何. 这是我在JavaScript中所拥有的,但简化为更通用的术语(我使用通过元素分发的自定义事件的某种pub-sub或observable模式):Observer.prototype._subscribe = function() {this._row.bind('onItemChanged', this, this._onChangedHandler); }; Observer.prototype._onChangedHandler= function(event, someString, someObject) {var that ...

javascript – 类似于Revealing Module Pattern结构的TypeScript代码【代码】

我想将我编写的一些JavaScript代码转换为TypeScript.作为一名JavaScript开发人员,我对TypeScript语法和思维方式都很陌生. 令我头疼的是我很难将使用Revealing Module Pattern的一些代码转换成TypeScript. 一个例子如下://JS Code var obj;//code... (function(){function myFunction(){//do work}function MyOtherConstructor(){return {publicMethod: myFunction}}obj = new MyOtherConstructor(); })();//use obj.publicMethod ...

为什么要在Javascript / Typescript上进行多种导入/导出【代码】

我是服务器端javascript的新手,以前我曾将nodejs用于简单的事情,但仅使用默认库(在此我永远不需要使用require或import关键字),但是最近我正在学习ReactNative/ReactXP我已经看到:import RX = require('reactxp'); const popsicle = require('popsicle'); import LoginPage = require("./LoginPage"); import React, { Component } from 'react'; import { AppRegistry, Text } from 'react-native'; import AppState from './AppS...

javascript – 如何在TypeScript中新建一个类【代码】

我是TypeScript的新手,但在C#方面经验丰富.我正在尝试做一些非常简单的事情,而且我缺少一些基本的东西.我正在使用Protractor在Angular前端编写用户测试.我正在使用页面对象模式,我想将页面对象保存在与用户测试不同的文件中,这样我就可以在多个用户测试文件中共享页面对象. 我一直收到一个错误,说当我尝试新建这个类时,页面对象类不是一个函数.我究竟做错了什么?这是我的代码失败的错误: TypeError:UserTests.DashboardPage不是...

javascript – 在同一个项目中同时使用coffeescript和typescript【代码】

我实际上试图在同一个项目中使用coffeescript和typescript. 事实上,我希望能够在编码时选择我喜欢哪一个. 事实是,由于使用coffeescript生成的javascript,typescript生成的javascript似乎没有按预期工作 说明: 我用coffeescript编写了一个Controller类,当我在coffeescript文件中扩展它时,它运行得很好:Controller = require('../node_modules/Controller/Controller')class HelloController extends ControllerindexAction: (name...

Javascript大师说服我,我应该使用javascript编译为ds语言,如Dart或Typescript

您好我即将开始开发大型前端应用程序,我正在研究什么是客户端生态系统的最佳选择.我是一个有Java背景的人,做了一段时间的Spring应用程序,在我的私人项目中,大部分逻辑部分都驻留在浏览器中.这是一个基于Web的图像处理和图表应用程序,需要大量的图形处理,高级用户交互,如拖放,我希望代码库足够大.我处理过写得不好的大型js代码库.这对我很头疼.然后我的javascript声名狼借.最初我在查看Google Web工具包.但我发现它不适合我的应用程...

javascript-在Typescript中使用Object.keys时避免隐式“ any”类型【代码】

我有一个带有已键入键的对象,并且我想遍历它并保持其类型,避免“元素隐式具有“任何”类型,因为“ ContactList”没有索引签名”. 我知道在Typescript的GitHub页面上对此进行了详尽的讨论,但是我在这里找不到任何解决方案.尝试用枚举和联合,但我仍然收到错误. 枚举(playground)的示例enum Names {Joe,Bill,Bob }type ContactList = {[key in Names]: {isFriend: boolean;} }const contactList: ContactList = {[Names.Joe]: {isFrie...

javascript – Typescript transpiler:套管问题

我有一个曾经被称为Group.ts的打字稿文件.当转换为javascript时,生成的文件将被称为Group.js. 我现在已将typescript文件重命名为group.ts(小写g).但是,生成的javascript文件仍称为Group.js(大写g).甚至在删除Group.js和Group.js.map文件之后. 我已经尝试将typescript文件重命名为somegroup.ts,然后将转换后的文件称为somegroup.js(正确的大小写).然后我将文件重命名为group.ts,生成的javascript文件再次被称为Group.js(错误的大小写...

javascript-如何在typescript中将jQuery ui与commonjs一起使用【代码】

为了获得更多的上下文,我决定将我的所有模块都保持为commonjs格式,以实现可移植性,并使用browserify和其他一些东西来捆绑前端的东西. 我使用TypeScript进行类型检查,但不确定如何在配置中使用jquery ui.参见下面的简单示例. 的package.json{"main": "Main.js","license": "MIT","dependencies": {"@types/jquery": "^2.0.34","@types/jqueryui": "^1.11.31"} }tsconfig.json{"compilerOptions": {"module": "commonjs","baseUrl": ...

javascript – 如何在index.d.ts typescript定义文件中引用Redux类型?【代码】

我想创建一个index.d.ts文件,该文件引用了一些名为redux的流行NPM包中的某些类型. 我已经尝试过的事情: (在我的index.d.ts文件的顶部) > ///< reference path =“../../../ node_modules / redux / index.d.ts”/> 这不起作用.我怀疑这是因为redux / index.d.ts文件根本没有声明命名空间.当我编辑redux / index.d.ts文件并用声明命名空间Redux {…}包装所有内容时,一切正常.我在redux@^4.0.0. > ///< reference types =“redux”/...

javascript – 使用原始jsdoc注释生成Typescript .d.ts文件?【代码】

背景:打字稿1.5 betaWebstorm 10 我目前正在TS中开发两个独立的项目,一个库和一个将使用该库的项目. 当我在库项目中编码时,Webstorm完全理解写入的jsdoc,并且CTRL Q正确显示它. 然后我编译库(一个单独的大输出文件),沿途生成.d.ts文件,并尝试在另一个项目中使用它:当我调用CTRL Q时,没有更多文档可用. 经过调查,我发现JSDOC仍然存在于生成的javascript中,但它不在.d.ts文件中 – 所以Webstorm认为没有. 所以我的问题是:如何在.d...

javascript – 我可以在TypeScript中将参数类型指定为多种类型之一而不是任何类型吗?【代码】

在TypeScript中的方法声明中,参数可以是字符串,布尔值或数字的类型.我是否必须将其声明为任何[],或者是否有办法将输入类型限制为这三种类型?解决方法:打字稿1.4引入了Union Types所以答案现在是肯定的,你可以.function myFunc(param: string[] | boolean[] | number[]): void;使用除指定类型之外的其他类型将触发编译时错误. 如果您需要多个特定类型的数组,您也可以使用联合类型:function myFunc(param: (string|boolean|number)...