TypeScript让JavaScript函数更简单

444 阅读1分钟
用javascript写一个两数求和函数很长,但是好理解,小白可能最初写写这样的代码,但是等我们接触的多了一些后,我们最好还是用最少的代码写出同样的功能

function add(num1, num2) {//es5    return num1 + num2;}  console.log(add(100, 200));

接着我们还可以在javascript下用函数表达式来写

const add = function(num1, num2) {//es6 return num1 + num2;} 
console.log(add(100, 200)); 

用箭头函数来精简

const add = (num1, num2) => num1 + num2;
console.log(add(100, 200));

输出结果均为

300

你以为这就是最轻松、最简单的写函数的方法吗?

不是的,typescript更简单

const sum = (num1:number, num2:number):number => { return num1 + num2;} 
console.log(sum(200, 100));

在num1, num2上我声明了这两个数都是number类型,这就保证了我输入的两个数字必须是number类型

如果不用typescript这种写法的话,我们还要常规的去判断我输入的是不是数字?我给的实参是一个还是两个?这就非常累赘了

不仅如此,typescript还有一个好处就是在terminal里可以自动编成一个js文件,爽不爽,我觉得真的爽

PS E:\VScode\js\func_sao> npm i -g typescript

在终端里面配置好环境以后,在执行下面这行编译

PS E:\VScode\js\func_sao> tsc .\add.ts

这样它就自己生成一个js文件了

var sum = function (num1, num2) { return num1 + num2; };
console.log(sum(200, 100));

输出均为

300