js中构建函数的几种方法,工厂函数模式  ,构造函数模式,构造函数 + 原型模式

1.工厂函数模式
      

function createPerson(name,age,gender) {
             var p = {
                 name:name,
                 age:age,
                 gender:gender
             }
             return p
             }
             var cat = createPerson('tom',12,'male')
             var dog = createPerson('lucy',10,'male')
              console.log( cat.constructor ) //本质上来说还是手动创建,类型没办法细分。
            console.log( cat.constructor == dog.constructor)
            存放在构造函数的原型里,由同一个方法构建的。
      

2.构造函数模式
    自定义构造函数,通过new调用构造函数(构造函数必须通过new来调用)
  

  function Animal(name,age){
            this.name = name;
            this.age = age;
            this.sayName = function(){//匿名函数,若函数保存在对象中,会造成内存的浪费,由于函数是公共的,所以放到公共位置上
                console.log(this.name)
            }
        }
        var dog = new Animal('tom',11)//每new一次,就开辟一片存储空间,浪费内存
        var cat = new Animal('lucy',11)

        console.log( cat.constructor == Animal)//true
        console.log( cat instanceof Animal )//true
        console.log( cat.sayName == dog.sayName)//false 不同的存储空间内的sayName,存储的位置不同
        cat.sayName()

        此处创建的对象构造函数是Animal,所以可以调用Animal原型当中的方法,所以类型就有了划分。
        普通的对象构造函数是Object


3.构造函数 + 原型模式
  将对象的私有特性存放在对象内存中,将对象可以共享属性保存到原型中
        

  function Animal(name,age){
            this.name = name
            this.age = age
        }
        Animal.prototype.sayName = function(){
            console.log(this.name)
        }
        var dog = new Animal('tom',11)
        var cat = new Animal('lucy',11)
        console.log( cat.sayName == dog.sayName)//true 存放的地址相同,都在Animal的原型上,构造函数的原型是公共的

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值