码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2018-05-08 12:07:45      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:fun   utf-8   new   AC   meta   java   cti   function   对象   

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中面向对象的两种构建方式(构造函数)和(原型模式的区别)

标签:fun   utf-8   new   AC   meta   java   cti   function   对象   

原文地址:https://www.cnblogs.com/houzichiguodong/p/9007205.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!