bobo553443的博客

typescript的类，与c#，java等语言的类类似。也是包含了一大部分的es6的实现。我会用最通俗的语言讲一下对coding有用的地方。class Greeter { greeting: string; constructor(message: string) { this.greeting = message; } greet() ...

ts的变量声明有var，let和const，这尼玛完全跟es6一样嘛。就稍微介绍一下。大多数js开发者对于var很熟悉了，原生js里没有块级作用域，只有函数作用域和全局作用域，还存在var的变量提升的问题，导致一些不熟悉js的开发者会发现一些怪异事件。点击查看关于es6的let与constlet声明let声明和var一样的写法，大家看前面的博客里面相信也看到了。拣重要的说，let和...

为了面向ng2和前端未来，开始搞向ts，ts是微软出的一枚语言，作为es6的超集，他出的一些特性还是蛮好用的(略坑)。对于我等纯前端(从开始就接触javascript)的人来说，真想说，这特么什么鬼。部分特性同es6（个人对es6还是蛮有好感的）。ts同期的coffeescript，将js python化，ts也把js搞的向其他语言靠拢。。中文学习，这里是英文学习。如果不想看这些东西，那看我笔...

NamespacingNamespace 的几个特点。声明方式:namespace Validation{ // 模块中其他代码}namespace 可以在多个文件中声明。 要引用命名空间中的其他组成部分。需要通过 /// <reference path="Validation.ts"/> 来告诉编译器。 在生成代码时，编译器可以通过 reference 声...

模板的解析就是编译器通过导入语句如 import { a } from "moduleA" 找到 "moduleA" 模块然后找到 a 的定义的过程。moduleA 可能是在 .ts 或 .tsx 或 .d.ts 文件中。编译器首先要做的就是找到对应的模块文件。首先编译器通过 Classic 或 Node 策略查找。 如果第一步查找不到，并且如果模块名并不是相对的，则根据 ambient m...

TS 中的 Module 的概念兼容 ES 2015 中 Module 的概念。简介模块中的代码属于模块本身的作用域，而不是全局作用域。也这就意味着没有明确的 export 的话，模块中的 变量，函数，类等对其他模块是不见的。相对的其他模块要使用某一模块的内容需要通过 import 导入。Export导出一个声明：通过在声明前加 export 关键词修饰即可导出。 导出语句：也可...

本篇将介绍TypeScript的声明文件，并简单演示一下如何编写和使用声明文件。本篇也是这个系列的最后一篇。一、声明文件简介TypeScript作为JavaScript的超集，在开发过程中不可避免要引用其他第三方的JavaScript的库。虽然通过直接引用可以调用库的类和方法，但是却无法使用TypeScript诸如类型检查等特性功能。为了解决这个问题，需要将这些库里的函数和方法体去掉后只保留导出类...

本篇将介绍TypeScript的命名空间，并简单说明一下与模块的区别。在之前的例子里，有如下一段代码，通过修改这段代码来演示命名空间的用法。 1 interface Animal { 2 name: string; 3 eat(): void; 4 } 5 6 class Dog implements Animal { 7 name: string; 8 ...

本篇将介绍TypeScript里的模块，和使用方法。在ECMAScript 2015标准里，JavaScript新增了模块的概念。TypeScript也沿用了这个概念。一、模块的导入和导出模块在其自身的作用域里执行，而不是在全局作用域里；这意味着定义在一个模块里的变量，函数，类等等在模块外部是不可见的，除非你明确地使用export之一导出它们。 相反，如果想使用其它模块导出的变量，函数，类，接口等...

本篇将介绍在TypeScript如何使用泛型。一、泛型方法在TypeScript里，声明泛型方法有以下两种方式：1 function generics_func1<T>(arg: T): T {2 return arg;3 }4 // 或者5 let generics_func2: <T>(arg: T) => T = function (arg) {...

本篇将介绍TypeScript里的类和接口。与其他强类型语言类似，TypeScript遵循ECMAScript 2015标准，支持class类型，同时也增加支持interface类型。一、类（class）下面是一个类的基本定义方式： 1 class User { 2 name: string; 3 constructor(_name: string) { 4 ...

本篇将介绍在TypeScript里如何定义和使用方法。一、方法标准声明和使用1 // 方法声明2 function func(x: number, y: number): number {3 return x + y;4 }在TypeScript里，方法声明可以明确定义每一个参数的类型，和返回值的类型。在编译时，编译器会检查方法体的返回值类型是否符合定义的类型，同时在调用的时候也会检...

本篇将简单介绍TypeScript的几种基本类型。TypeScript基本类型有如下几种：BooleanNumberStringArrayTupleEnumAny另外还有void类型，主要用于标识方法返回值的类型。下面通过一些简单的例子来展示这些类型的基本用法 1 // Boolean 2 let isDone: boolean = false; 3 isDone = true; 4 5...

本篇将简单介绍一下TypeScript，并记录开发环境的搭建、使用Visual Studio Code进行一个简单的Demo开发过程。第一部分、简介TypeScript是一种由微软开发的自由和开源的编程语言。是JavaScript的一个超集。它在保留JavaScript语言本身特性的基础上添加了大量静态语言具有的一些特性，包括但不限于以下几点：可选的静态类型枚举、接口和类命名空间模块Lambda表...

前言TypeScript是JavaScript的超集，它的作者是著名的C#之父（名字我忘了）。作为后者的超集，Typescript(以下简称为tsc)拓展了JS，真正的将js从玩具语言变成一种工程语言，一种强类型的语言。并且，tsc的标准是根据每年的ECMA提案来预先实现的，也就是说，tsc兼容未来的ES7，ES8…提前为将来的ES标准打下基础。 学习tsc，不亏!环境搭建$ cnpm insta...

WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE，使用非常方便，可以使编写代码过程更加流畅。本文在这里分享一些常用功能的使用技巧，希望能帮助大家更好的使用这款强大的 JavaScript 开发工具。代码编辑代码跳转: Ctrl + 左键 或者 Ctrl + B，可以跳转到函数或者变量的声明位置调用位置: Alt + F7，查找调用者自动补全: 最好是修改一下响应...

为什么是TypeScript最近在做H5的游戏，最终选定的TypeScript作为开发语言。主要是看重他有强类型和Class，作为习惯使用AS3,Java等强类型编程的人来说，还是习惯这种编程写法。听一些直接使用javascript开发稍微大的游戏的同事说，没有强类调试什么的都比较困难。我个人平时做小游戏用得比较多是纯js，比较大型的倒没尝试，所以这个不好下断论。另外一个主要原因是因为用Typ...

javascript从es5之前都缺少一种模块机制，无法通过js引入文件，于是requirejs等等的加载器应运而生。这些加载器的使用也并不统一，产生了amd，commonjs，umd等等的规范，各有所长，直到es6的发布，js自身引入的模块机制，将会在以后逐渐被应用起来。Typescrit的模块机制与es6的模块基本类似，也提供了转换为amd，es6，umd，commonjs，system的...