晋级TypeScript高手，成为抢手的前端开发人才
download：晋级TypeScript高手，成为抢手的前端开发人才
5.1最简单class使用.
Ts 文件代码
///
//--这个是简单的class
class Employee {
fullName: string;
}
var employee = new Employee();
employee.fullName = "Long long"; //赋值
//说明这个属性是存在的..
if (employee.fullName) {
alert(employee.fullName);
}
Ts 文件编译成js文件代码
///
//--这个是简单的class
var Employee = (function () {
function Employee() { } return Employee;
})();
var employee = new Employee();
employee.fullName = "Long long"; //赋值
//说明这个属性是存在的..
if (employee.fullName) {
alert(employee.fullName);
}
5.2在class使用constructor关键字
Ts文件代码
///
//--class和constructor构造器使用。
class UserInfo{
username:string; //--默认的构造方法.. constructor(msg : string){ this.username=msg; //从构造方法传一个用户字符串过去. } getUserInfo(){ return "欢迎您, " + this.username; }
}
function printMsg():string{
var resMsg:string=""; var g=new UserInfo("龙梅子"); //创建一个UserInfo对象,并且构造函数必须要传一个字符串. resMsg=g.getUserInfo(); //调用对象方法. return resMsg;
}
/*jQuery-执行..*/
$(function(){
var result=printMsg(); $("#msg").html(""+result+"");
});
Ts 文件编译成js文件代码
///
//--class和constructor构造器使用var UserInfo= (function () {
//--默认的构造方法.. function UserInfo(msg) { this.username=msg; //从构造方法传一个用户字符串过去. } UserInfo.prototype.getUserInfo = function () { return "欢迎您, " + this.username; }; return UserInfo;
})();
function printMsg() {
var resMsg = ""; var g = new UserInfo("龙梅子"); //创建一个UserInfo对象,并且构造函数必须要传一个字符串. resMsg = g.getUserInfo(); //调用对象方法. return resMsg;
}
/*jQuery-执行..*/
$(function () {
var result = printMsg(); $("#msg").html("" + result + "");
});
Insert title here - 锐客网
5.3在class使用super关键字
Ts文件代码
///
//------class与supper使用.----------------
class Person{
userName:string; //声明一个名称 //构造方法 constructor(paramVal:string){ this.userName=paramVal; }//--声明一个getPersonInfo方法，并在声明age变量 getPersonInfo(age:number=120):string{ returnthis.userName+"\n"+age; }
}
class Student1 extends Person{
constructor(username:string){ super(username); } getPersonInfo(age=100){ var superMsg=super.getPersonInfo(age); return this.userName+"\n"+age+"岁"+"\n\t\t"+"默认信息：" +superMsg; }
}
class Student2 extends Person{
constructor(username:string){ super(username); } getPersonInfo(age=120){ var superMsg=super.getPersonInfo(age); return this.userName+"\n"+age+"岁"+"\n\t\t"+"默认信息：" +superMsg; }
}
【晋级TypeScript高手，成为抢手的前端开发人才】var stu1=new Student1("周伯通");
var stu2=new Student2("老毒物");
var stuMsg1=stu1.getPersonInfo();
var stuMsg2=stu2.getPersonInfo(80); //传一个默认值给getPersonInfo方法
$(function(){
$("#msg1").html(""+stuMsg1+""); $("#msg2").html(""+stuMsg2+"");
});
推荐阅读
- typeScript入门基础介绍
- 带你了解类型系统以及flow和typescript的基本使用
- 华为销售高手是这样拿下大客户的，你知道有几个
- 万维钢《高手》
- 从0到一，我如何才能成为一个社交高手（（一））
- 复盘|复盘 《如何成为有效学习的高手》 关键词3 拖延症
- “龙回头”战法的正确运用，只要学会了，你就是炒股高手
- 读《高手》读后感三
- react+typescript+router框架搭建笔记
- 《怎样成为阅读高手》干货-笔记|《怎样成为阅读高手》干货-笔记 -