ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript原型模式发展历程

2020-01-16 11:53:09  阅读:207  来源: 互联网

标签:function name age javascript sayName 原型 var new 历程


// 工厂模式

function Person(name,age){
            var o = new Object();
            o.name=name;
            o.age=age;
            o.sayName=function(){
                alert(o.name)
            }
            return o
        }

        var o1=Person('lele',5)
        
        var o2=Person('mama',31)

 

// 构造函数模式(能够标识对象属于哪一种类型,但是函数没有复用)

function Person(name,age){
            this.name=name;
            this.age=age;
            this.sayName=function(){
                alert(this.name)
            }
        }

        var o3=new Person('lele',5)
        console.log(o3)
        console.log(o3.constructor==Person)
        var o4=new Person('mama',31)
        console.log(o3.sayName==o4.sayName)

// 原型模式(不能传递初始化参数,包含了引用类型的共享)

function A(){}
        A.prototype.name='lele'
        A.prototype.age=5
        A.prototype.sayName=function(){
            alert(this.name)
        }
        var o5 = new A();
        var o6 = new A();
        console.log(o5.sayName==o6.sayName)

// 组合是用构造函数模式和原型模式(能够传递参数,封装性不好,构造函数独立于)

 function B(name,age){
            this.name=name;
            this.age=age;
        }
        B.prototype.sayName=function(){
            alert(this.anme)
        }

        var o7=new B('lele',5)

// 动态原型模式

function C(name,age){
            this.name=name;
            this.age=age;
            if(typeof this.sayName != 'function'){
                C.prototype.sayName=function(){
                    alert(this.name)
                }
            }
        }
        var o8=new C('lele',6)

// class

标签:function,name,age,javascript,sayName,原型,var,new,历程
来源: https://www.cnblogs.com/zhuMother/p/12200480.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有