javascript中面向对象的两种构建方式（构造函数）和（原型模式的区别）

Posted 猴子吃果冻

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript中面向对象的两种构建方式（构造函数）和（原型模式的区别）相关的知识，希望对你有一定的参考价值。

1、构造函数模式---》alert的结果为false

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        function Person(name,age,job){
            this.name = name;
            this.age = age;
            this.job = job;
            this.showname = function(){
                alert(this.name);
            }
            
            this.showage = function(){
                alert(this.age);
            }

            this.showjob = function(){
                alert(this.job);
            }
        }
        var tom = new Person(‘tom‘,18,‘程序员‘);
        var jack = new Person(‘jack‘,19,‘销售‘);
        alert(tom.showjob == jack.showjob);  //结果为False
    </script>
</head>
<body>    
</body>
</html>

 2.原型模式---->alert结果为true

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        function Person(name,age,job){
            this.name = name;
            this.age = age;
            this.job = job;

        }
        Person.prototype.showname = function(){
            alert(‘我的名字叫‘+this.name);
        }
        Person.prototype.showage = function(){
            alert(this.age);
        }
        Person.prototype.showjob = function(){
            alert(this.job);
        }

        var tom = new Person(‘tom‘,18,‘程序员‘);
        var jack = new Person(‘jack‘,19,‘销售‘);
        alert(tom.showjob == jack.showjob);//结果为True       
    </script>
</head>
<body>
    
</body>
</html>

 

以上是关于javascript中面向对象的两种构建方式（构造函数）和（原型模式的区别）的主要内容，如果未能解决你的问题，请参考以下文章

javascript消除字符串两边空格的两种方式，面向对象和函数式编程

js面向对象程序设计之构造函数

js中构造函数的原型添加成员的两种方式

javascript--面向对象（工厂模式，构造函数，原型模式）

accp8.0转换教材第8章JavaScript对象及初识面向对象理解与练习

Python之面向对象的组合多态菱形问题子类中重用父类的两种方式