第一板块:两小时极速入门TypeScript,2-1,阿莱克斯刘
第二板块:1.什么是TypeScript?2.为什么使用TypeScript,TypeScript的优点在哪里?需要注意的地方
TS是JS的扩展语言,TS包含了ES5(当前的)标准,也包含了es6/7/8(未来的)标准 ,TS在兼容JS的同时还具有强类型。
四个优点:类型推演与类型匹配;开发编译时报错;极大程序的避免了低级错误;支持js最新特性(包含es6/7/8)。
注意:TS无法直接运行,需要通过编译器转换成JS
第三板块:
JS的写法:
const input1=document.getElementById("input1"); const input2=document.getElementById("input2"); const button=document.getElementById("button"); function addData=(data1,data2)=>{ return input1.value-input2.value; } button.document.addEventListener('click',function () { console.log(addData(input1,input)); }) TS的写法: const input1=document.getElementById("input1") as HTMLInputElement; const input2=document.getElementById("input2") as HTMLInputElement; const button=document.getElementById("button"); function addData=(data1:number,data2:number)=>{ return input1.value-input2.value; } button.document.addEventListener('click',function () { console.log(addData(input1,input)); })
第四板块: