一、现象
在项目的开发中,总会用到一些公司的脚本方法,同时,不希望在每个页面用到时又得需要引用,有点麻烦。
二、解决
1、在src文件夹下新建文件夹 utils;
2、在utils下新建文件 common.js,如:
var common = {
showInfo: function(name, age){
// 在控制台上打印出来
console.log(name);
console.log(age);
}
}
3、 同时在utils下也新建对应的文件 common.d.js,如:
declare let common: {
showInfo: (name: string, age: string) => void;
};
tips: 参数中的类型需要对应写上,具体语法可以参照TypeScript ;https://www.tslang.cn/docs/handbook/basic-types.html
4、在.angular-cli.json中的scripts处添加common.js 所在的位置,如:
"scripts": [
"utils/common.js"
],
5、在需要调用的页面进行调用 common.showInfo("yang", "18");
三、总结
先认真阅读理解 TypeScript 的基本类型 https://www.tslang.cn/docs/handbook/basic-types.html,
注:common.js修改时或添加时,需要和common.d.ts进行同步处理,第一个参数的类型都需要对应写上,处理完后,重启服务即可生效