JS文件相互调用

我们在写js代码的时候,常常会碰到两个js文件之间相互调用,直接上代码:
messageText.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//定义数组
var msgArray = [
{name: 'In function',value: '在函数'},
{name: 'was not declared in this scope',value: '没有在此范围内声明'},
];

//定义常量
var messageText = {

a_name : '张三',

b_name : '李四',

}
exports.msgArray = msgArray;
exports.messageText = messageText;

在A.js中调用messageText.js

1
2
3
4
5
6
const msg_1 = require("./messageText");
for(var i=0; i < msg_1.msgArray.length; i++)
{
var message = data1.replace(msg_1.msgArray[i].name, msg_1.msgArray[i].value);
data1 = message;
}

上面的例子中,我对data1这个字符串做了一个汉化处理,就是将数组中的name替换成value;
如果想要引用B.js中的常量,那么非常简单:

1
msg_1.messageText.a_name

这样即可得到B.js中a_name中的值了。

ts文件之间调用用法有些差别,如下:
messageText.ts

1
2
3
export class MessageText {
public static name: string = '张三';
}

在A.ts中调用js中调用messageText.ts

1
2
import { MessageText } from 'vs/workbench/api/common/messageText';//注意form ''是你项目中的目录
console.log(MessageText.name);

文章目录