<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 1、对象方法包括构造函数中的方法以及构造函数原型上面的方法 * 2、类方法，其实这里的类就是一个函数，在js中由于函数也是一个对象，所以可以为函数添加属性以及方法，这种方法在node中用的比较多 * 3、原型方法一般用于对象实例共享。在原型上面添加的方法，能实现对象实例共享，这样就不用每一次初始化一个实例的时候，为其分配相应的内存了 * */ function FnGuo(oDiv){ this.msg = oDiv.innerHTML; this.showMsg = function(){ alert("对象方法：" + this.msg); //对象方法 }; } FnGuo.showMsg = function(){ alert("类方法"); }; FnGuo.prototype.showMsg02 = function(){ alert("原型方法：" + this.msg); }; onload = function(){ //也可以window.onload var oFnGuo = new FnGuo(document.getElementsByTagName('div')[0]); var oFnGuo02 = new FnGuo(document.getElementsByTagName('div')[1]); oFnGuo.showMsg(); //对象方法需要通过实例化对象去调用 FnGuo.showMsg(); //类方法不需要通过实例化对象去调用 oFnGuo.showMsg02(); //原型方法也需要通过实例化对象去调用 oFnGuo02.showMsg02(); //原型方法，能实现对象实例oFnGuo和oFnGuo02共享，这两个实例的原型方法showMsg02共享内存 }; </script> </head> <body> <div>从明天开始带薪放假半年</div> <div>从明天开始上班</div> </body> </html>