刚学JS不久的新人关于函数中属性定义的疑问

Question

刚接触js，看到一个prototype的例子，但里面其中一段代码有些疑问，代码如下：

function a()
            {
                this.showMsg = function()
                {
                    alert("a want showMsg");
                }
            }
a.showMsg = function() 
            {
          alert("a want showMsg static");
            }
            var p = new a();
         a.showMsg();    //输出a want showMsg static
         p.showMsg();    //输出a want showMsg

一个是在函数里定义了属性，一个是函数外部定义的属性。
请问两种方式的本质以及什么情况下会用到？JS看的头晕脑胀，各种继承当时看懂了结果隔一天又忘，看多了感觉又搅在一块，接下来准备继续学习DOM，哎，脑子好乱。

Answer 1

这两种定义的方法应该没什么区别，主要是使用场景不一样。

比如我调用了别人已经写好的a函数，但是我并不知道这个a函数内部是怎么写的，这个时候我想给a添加一个方法showMsg，所以我可以直接用a.showMsg来定义，这种情况下肯定是用后者会比较好。

这个类似于jQuery，比如我想在jQuery上面添加一个showMsg方法，方便我以后使用，你觉得我是到jQuery的源码里面找到适当的位置添加比较好（源码几千行，甚至还可能是压缩过的），还是在外面调用$.extend添加比较好？

Answer 2

一种是实例方法，一种是静态方法。

实例方法当实例化时会添加到生成的对象中，
静态方法在构造函数上，可以直接调用。

通常我们定义静态方法，可以减少全局变量的声明个数，避免变量污染，而且很多静态方法是在构造函数中使用，这样定义为对应的构造函数上，方便管理。

Answer 3

    function a()
    {
      this.showMsg = function()
      {
        alert("haha");
      }
    }
    //a.showMsg();  //调用失败,this绑定的方法只有在实例化的时候才会被绑定当a的实例上
    a.showMsg = function(){
      alert("heihei")
    };

    a.showMsg();   //"heihei" 调用成功,在类外部申明的属性相当于静态属性,不需要实例化,可以直接通过类名称访问

    var b = new a(); //调用了a的构造函数,给b添加了showMsg属性
    b.showMsg();     //"haha" 调用成功,b是a的实例

Answer 4

上边那个声明的是类里的方法，底下那个声明的是类的静态方法。

我也是自学的，刚开始学的时候别着急，不要光看，能跟着写就跟着写一下，多提假设，比如这段代码，不new的话调了会怎样？如果在function里用var声明会怎样？多换几种写法看看console出来的结果，有助于你理解。

另外我个人的经验是，javascript的面向对象系统太奇葩了，建议你前期了解个大概就行，先去学jQ，看看DOM模型、常见的标准库和算法之类的，等熟练以后可以看看TypeScript，了解一下比较“正常”的面向对象系统是怎样的，把概念琢磨清楚了再学js的原型链不迟~