从零开始的typescript1 字符串 默认参数与任意参数 后端希望我用ts 好吧 学吧 顺便学学oop思想

首先要安装typescript 

cnpm install typescript -g

// 运行方法

tsc index.ts

这样太麻烦了 所以用webstome  比较好 https://blog.csdn.net/voke_/article/details/76418116 可以自动编译

//字符串模板与拆分字符串  没啥用的感觉

//字符串模板   不用再拼接字符串了  在用了··中用${}可实现字符串拼接功能
var Myname = "zhan linag";
var getName=function () {
    return "zhang liang";
}
console.log(`<div> <span>${Myname}</span> </div>`)  //等价于"<div> <span>" + myname + "</span> </div>"
// 自动拆分字符串
function test(template,name,age){
    console.log(template);
    console.log(name);
    console.log(age)
}
var myname="zhai liang";
var getAge=function(){
    return 18;
}
test`hello my name is ${myname},i'am ${getAge()}`;

//类型赋值  为参数进行赋值  避免不必要的错误 防止出现问题

//字符串赋值  为字符串赋值  减少错误 :+string number any boolean void
var myname:string="张三";
myname=13  //报错 类型为字符串
function texs(name:string) :void {   //void表示无需返回值
    return "";
}
texs(13)      //规定为字符串
//参数类型
class Person {
    name:string;
    age:number;
}
var zhangsan:Person=new Person();
zhangsan.name="zhangliang"
zhangsan.age="18";   //不为number  报错

//默认参数与任意参数

//默认值参数
var myname:string="zhang san";
function test (a:string, b:string="lala", c:string="jojo") { //默认参数值当没有这个参数时可直接使用默认参数
    console.log(a);
    console.log(b);
    console.log(c);
}
test("xxx","yyy","zzz");
test("aaa");
//可以传入任意参数的方法
function func1(...args){
    args.forEach(function(arg){
        console.log(arg);
    })
}
func1(1,2,3);  //123
func1(1,3,4,6,7); //13467