浅析TypeScript

153 阅读1分钟

TypeScript

  • TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。
  • TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

TypeScript对象

www.runoob.com/typescript/…

TypeScript类型模板

var sites = {
    site1: "Runoob",
    site2: "Google",
    sayHello: function () { } // 类型模板
};
sites.sayHello = function () {
    console.log("hello " + sites.site1);
};
sites.sayHello();

对象也可以作为一个参数传递给函数。

var sites = { 
    site1:"Runoob", 
    site2:"Google",
}; 
var invokesites = function(obj: { site1:string, site2 :string }) { 
    console.log("site1 :"+obj.site1) 
    console.log("site2 :"+obj.site2) 
} 
invokesites(sites)

类型

指明类型

  1. 显式声明 let a: string;
  2. 隐式声明 let a =12;

如果“让变量什么都能装”

  1. 不给初始值
  2. 显式声明any
  • number/string/boolean/any (类型1|类型2|类型3)
  • 元组类型 [类型1, 类型2]
  • 枚举:列举有限的可能性
  • void类型:常用于返回值
  • null/undefined
  • never

类(新的写法)

  • 访问修饰符

public:任何人都能修改 private:只有类内部能使用 protected:只有类和子类能使用

  • 访问修饰符怎么用?

“最小访问原则” “属性都是private``protected,方法可以是public

  • 修饰符

static:静态成员,无需实例化即可调用 const:只读成员,不可修改

  • 存取器

set/get:编译不了ES3/ES4

高级特性(抽象,接口)

一些对象具有共同的特性:

  1. 继承
  2. 实现接口

抽象类:只能作为父级使用, 不能直接被实例化。只提供模版,不自己实现。(规范所有子类)

总结

  1. 类型
  2. 修饰符(访问修饰符)
  3. 泛型
  4. 抽象类&接口