浅谈原型对象的常用开发模式

 更新时间:2017年07月22日 09:24:55   投稿:jingxian  
下面小编就为大家带来一篇浅谈原型对象的常用开发模式。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

1、构造函数和原型组合使用模式:原型对象虽然可以对所有实例的属性和方法共享,但是也有它的局限性,正是因为可以共享,也导致某一个实例对象若改变了共享的属性和方法,其他对象在使用时会收到影响。

所以可以组合使用构造函数式和原型模式,在实际开发中这种模式也应用的最为广泛。

2、动态原型模式:就是把属性和方法都封装到构造函数中

例如:

function Person(name,age,sex){
    this.name=name;
    this.age=age;
    this.sex=sex;
    if(typeof this.sayName!=="function"){
      Person.prototype.sayName=function(){
        console.log(this.name);
      }
    }
}

3、稳妥构造函数模式:由道格拉斯提出的,就是没有公共属性,也不实用this和new,稳妥模式最适合在安全的环境中使用,如果程序对于安全性的要求很高,那么非常适合这种模式。

例如:

function Person(name,age){
  var obj=new Object();
  obj.name=name;
  obj.age=age;
  obj.sayName=function(){
    console.log(this.name);
  }
  return obj;
}

以上这篇浅谈原型对象的常用开发模式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • ES6中异步对象Promise用法详解

    ES6中异步对象Promise用法详解

    这篇文章主要介绍了ES6中异步对象Promise用法,对比ES5分析了ES6异步方法Promise的使用技巧,并结合实例形式分析了连续使用Promise对象、Promise捕获错误的catch()、以及Promise的高级用法,需要的朋友可以参考下
    2019-07-07
  • Javascript中构造函数要注意的一些坑

    Javascript中构造函数要注意的一些坑

    JavaScript语言是一门面向对象的语言,但JS中并没有类的概念的。于是JavaScript采用构造函数的方式来模拟类的效果,即我们通过函数来创建对象。这也证明了函数在JavaScript中具有非常重要的地位。本文主要介绍了Javascript中构造函数的一些坑,需要的朋友可以参考。
    2017-01-01
  • JS逆向之浏览器补环境图文详解

    JS逆向之浏览器补环境图文详解

    平时JavaScript逆向需要补环境或者补一些函数,下面这篇文章主要给大家介绍了关于JS逆向之浏览器补环境的相关资料,文中通过图文以及实例代码介绍的非常详细,需要的朋友可以参考下
    2023-03-03
  • JavaScript设置body高度为浏览器高度的方法

    JavaScript设置body高度为浏览器高度的方法

    这篇文章主要介绍了JavaScript设置body高度为浏览器高度的方法,实例分析了body高度的设置技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 通用javascript脚本函数库 方便开发

    通用javascript脚本函数库 方便开发

    javascript 在 WEB 编程中能起到很大的作用,将一些常用的功能写成javascript类库。
    2009-10-10
  • 常见浏览器多长时间会提示“脚本运行时间过长”总结

    常见浏览器多长时间会提示“脚本运行时间过长”总结

    这篇文章主要介绍了常见浏览器多长时间会提示“脚本运行时间过长”总结,需要的朋友可以参考下
    2014-04-04
  • javascript语句中的CDATA标签的意义

    javascript语句中的CDATA标签的意义

    javascript语句中的CDATA标签的意义...
    2007-05-05
  • 让JavaScript代码更加精简的方法技巧

    让JavaScript代码更加精简的方法技巧

    这篇文章主要介绍了让JavaScript代码更加精简的方法技巧,文章通过使用 JavaScript对象解构来节省代码,JavaScript 对象解构赋值在项目开发中是一个常用的技能。下文实现过程需要的小伙伴可以参考一下
    2022-06-06
  • 基于JS实现蜘蛛侠动作游戏的示例代码

    基于JS实现蜘蛛侠动作游戏的示例代码

    这篇文章主要介绍了如何利用JavaScript实现简单的蜘蛛侠动作游戏,文中的示例代码讲解详细,对我们学习JavaScript游戏开发有一定的帮助,需要的可以参考一下
    2022-06-06
  • 详解ES6之用let声明变量以及let loop机制

    详解ES6之用let声明变量以及let loop机制

    本篇文章主要介绍了详解ES6之用let声明变量以及let loop机制,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07

最新评论