使用javascript创建类和对象的方法有很多，现在就来列举一下：1、原始的创建方法，2、工厂方法模式，3、构造方法模式，4、动态原型方法。下面我们就来通过实例详细看下
现总结一下Javascript创建类和对象的几种方法：
1、原始的创建方法：
var person = new Object(); person.name="Amy"; person.sex="Woman"; person.show=function(){ document.write("name is: "+this.name+" ; sex is:"+this.sex); } person.show();
登录后复制
原始的创建方法对于熟悉面向对象的人来说难以接受，总感觉属性和方法的封装不是很紧密，这种封装是以“对象名”+“.”的方式进行，表示对象名后跟的属性和方法是这个对象拥有的东西，这个对象（例如：person）就是封装好的结果，你可以继续追加方法和属性，例如追加age属性：person.age=23;这种创建方法会让熟悉Java编程的人感到很难受。我们可以对原始的创建方法进一步“封装”一下，请看下一步：
2、工厂方法模式：
立即学习“Java免费学习笔记（深入）”；
function personFactory(name,age,sex){ var ob=new Object(); ob.name=name; ob.age=age; ob.sex=sex; ob.show=function(){ document.write(ob.name+" "+ob.age+" "+ob.sex); } return ob; } var person=personFactory("Amy",21,"Woman"); person.show();
登录后复制
工厂方法模式看起来更像一个类了，personFactory对原始的创建方法进行了封装，并将创建好的对象返回给person引用变量，person就可以引用这个创建好的对象了，但是还不够完美：你每一次创建一个对象， 并使用该对象调用show()方法时，都会创建新的show()函数，它们完全可以调用同一个show方法，优化方法是将show放到工厂外，如下：
function show(){ document.write(this.name+" "+this.age+" "+this.sex); } function personFactory(name,age,sex){ var ob=new Object(); ob.name=name; ob.age=age; ob.sex=sex; ob.show=show; return ob; } var person=personFactory("Amy",22,"Woman"); person.show();
登录后复制
从功能上说，上面的代码解决了函数重用问题，但是呈现方式不像是创建一个对象，熟悉Java的人仍感到难受。请看下一步：
3、构造方法模式：
function person(name,age,sex){ this.name=name; this.age=age; this.sex=sex; this.show=function(){ document.write(this.name+" "+this.age+" "+this.sex); document.write("
"); } } var per=new person("Amy",22,"Woman"); per.show();
登录后复制
上述代码的创建方式已经与Java类和对象的创建方式几乎一样了，封装好类的属性和方法，然后利用new关键字创建并返回一个对象，这不就是Java创建类和对象的过程吗，是的，就是这个过程，但是还可以优化，这种方式创建的对象调用show方法是也会即时地创建一个show函数，我们能不能创建一个所有对象公用的一个方法呢？就像Java类中的static方法一样，所有对象都使用同一个static方法，答案是可以的。请看下一步：
4、动态原型方法：
function Person(name,age,sex){ this.name=name; this.age=age; this.sex=sex; if(typeof Person.tag == "undefined"){ Person.prototype.show=function(){ document.write(this.name+" "+this.age+" "+this.sex); document.write("
"); } Person.tag=true; } } var per=new Person("Peter",22,"Man"); per.show();
登录后复制
这里使用了一点技巧，当用new创建对象是，会执行Person功能块中的if判断语句，顺序从上往下，刚开始tag变量当然没有定义，所以执行if语句块里的内容：
Person.prototype.show=function(){ document.write(this.name+" "+this.age+" "+this.sex); document.write("
"); }
登录后复制
这段内容的含义是创建一个属于类Person的show方法，注意，它是一个类方法，相当于Java中static修饰后的方法，而非单个对象的方法，这样所有的对象均可调用同一个方法了，这样也不用每次不同对象调用方法是都创建自己的show函数了，既节省空间又节省时间，这种方法岂不更妙。这里解释一下，以“类名.prototype.属性/方法”方式构造的属性和方法相当于Java中用static修饰的变量或方法，是属于整个类的，而非单个的对象，也即所有对象是共享的。
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
JS中常出现哪些BUG和错误
VueJs组件中父子相互通讯方法总结
JS跨域POST实现步骤详解
以上就是Javascript创建类和对象（图文教程）的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2760927.html
