1

我们有 Javascript 库： 

(function (global, factory) {
  factory(global);
}(window , function() {
  var MyLib = function(elem) {
    return new MyLib.foo.init(elem);
  }
  MyLib.foo = {
    init: function(elem) {
      elem = typeof elem == 'string' ? window.document.getElementById(elem) : elem;
      this[0] = elem;
      return this;
    },
		
    test1: function() { // (1)
      window.console.log('test1 ' + this[0].nodeName);
      this[0].innerHTML = this[0].nodeName;
    },
  };

  MyLib.foo.init.prototype = MyLib.foo;
  MyLib.test2 = function() { // (2)
    window.console.log('test2');
  }

  window.MyLib = window.ml = MyLib;
}));

function outerFunc(elem) {
  ml(elem).test1();
  ml.test2();
}
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
</head>

<body>
  <script type="text/javascript" src="example.js"></script>	  
  <div onclick="outerFunc(this)">button</div>
</body>
</html>

我们应该什么时候创建像 (1) 这样的函数，什么时候像 (2) 那样创建函数？
当然，如果它需要获取一个元素，我们总是会使用(1)，比如 MyLib().myFunc()，对吗？
对于所有不影响元素的情况，我们应该创建(2)，例如 MyLib.myFunc()？
可能我们错过了变量保护的东西吗？

4

0 回答 0