Javascript创建自己的库,例如jquery

时间:2019-01-28 06:59:06

标签: javascript typescript prototype-programming

我正在尝试创建一个库,并且想要实现类似JQuery的功能,当我们键入$(selector).时,IDE将显示诸如csscontent之类的jquery方法的列表。或其他。

所以我在library.js中创建了一些函数,如下所示:

const methodA = function(){
  //...logic
}

const methodB = function(x,y){
  //...internalMethod1()
}

const methodC = function(){
  // return smtg...
}

const internalMethod1 = function(){
  // return smtg...
}

然后我最后声明:

var library_object = {
  a: methodA,
  b: methodB,
  c: methodC
}
window.$tr = library_object

在另一个script.js,我调用如下函数:

$tr.b("abc","123")

我的问题是: 1)我做对了吗?最佳做法,请避免覆盖等。

2)我如何使其像$tr().b("abc","123")一样可调用?

3)我还需要做些其他事情来让主流IDE(Visual Studio代码)知道可能的功能,尤其是在导入js文件打字稿代码时。

谢谢。

1 个答案:

答案 0 :(得分:0)

我要回答您的第二个问题,因为这是我确定的唯一问题:

使其可调用,您可以执行以下操作

window.$tr = function(){
  return library_object;
}