javascript 高级编程系列

1. 工厂模式

 1 function createPerson(name, age)
 2  {
 3      var obj = {};
 4      obj.name = name;
 5      obj.age = age;
 6      obj.getName = function(){
 7          return this.name;
 8      }；
 9      return obj;
10 }
11
12 var person = createPerson('leon', 30);

2. 构造函数模式

 1 function Person(name, age)
 2 {
 3     this.name = name;
 4     this.age = age;
 5     this.getName = function(){
 6         return this.name;
 7     };
 8 }
 9
10 var person = new Person('leon', 30 );

3. 原型模式 (多个对象实例之间共享属性值和方法）

 1 function Person(){
 2
 3 }
 4
 5 Person.prototype = {
 6      constructor: Person,
 7      name: 'leon',
 8      age: 30,
 9      getName: function(){
10          return this.name;
11      }
12 };
13
14 var person = new Person();

4. 组合构造函数和原型模式（构造函数模式与原型模式的结合，属性在构造函数中进行定义，方法在原型中定义）

 1 function Person(name, age)
 2 {
 3      this.name = name;
 4      this.age = age;
 5 }
 6
 7 Person.prototype = {
 8     constructor: Person,
 9     getName :  function(){
10           return this.name;
11     }
12 };
13
14 var person = new Person('leon', 30 );

5.动态原型模式（原型模式的改进为了更好的体现封装）

 1 function Person(name, age)
 2 {
 3       this.name = name;
 4       this.age = age;
 5       if( typeof this.getName != 'function'){
 6           Person.prototype.getName = function(){
 7               return this.name;
 8           }
 9       }
10 }

6. 寄生构造函数模式 (工厂模式与构造函数的结合）

 1 function Person(name, age)2  {3      var obj = {};4      obj.name = name;5      obj.age = age;6      obj.getName = function(){7          return this.name;8      }；9      return obj;
10 }
11
12 var person = new Person('leon', 30);

7. 稳妥构造函数模式 (工厂模式的安全版，无公共属性，方法中无this引用）

 1 function Person(name, age)2  {3      var obj = {};4      var name =  name;5      var age  = age;6      obj.getName = function(){7          return name;8      }；9      return obj;
10 }
11
12 var person = Person('leon', 30);

转载于:https://www.cnblogs.com/xiaodi-js/p/5926077.html

javascript 高级编程系列 - 创建对象相关推荐

JavaScript高级编程 III
原文地址:http://www.onlamp.com/pub/a/onlamp/2007/11/20/advanced-javascript-iii.html JavaScript高级编程I:http ...
Javascript模块化编程系列二: 模块化的标准化(CommonJS AMD)
前言 Javascript模块化编程系列一: 模块化的驱动在前一篇介绍了为什么要进行Javascript模块化编程.至于如何实现模块化,不同的开发组织和个人具体的实现方式肯定是不一样.如何统一一个规 ...
JavaScript 高级编程（二）
JavaScript 高级编程(二) BOM 一套操作浏览器的API. 常见对象 window: 代表整个浏览器窗口注意: window是BOM中的一个对象, 并且是一个顶级的对象(全局) Navi ...
javascript高级编程教程,javascript基础入门案例
谁有比较好的javascript视频教程李炎恢的javascript教程,在verycd上可以下载. 结合<javascript高级程序设计>学习,应该会比较好,他这个教程就是参考了&l ...
【读书笔记】JavaScript高级编程（二）
2019独角兽企业重金招聘Python工程师标准>>> 书中第3章基本概念摘要(一) 3.3 变量使用var操作符定义的变量将成为定义该变量的作用域中的局部变量.也就是说,如果在 ...
c#之跟踪（c#高级编程系列）
今天开始看C#高级编程书中的跟踪和事件这一章了,可是书上的内容感觉上很抽象.google了一下这部分的内容,找到的都是关于Debug类和 Trace类的信息,看了微软提供的帮助和支持文档,感觉这两个类 ...
Javascript模块化编程系列一: 模块化的驱动
Javascript 函数编程初涉Javascript ,会以为Javascript 是面向过程的编程语言, 和C类似,使用函数来达成效果.  ...
Javascript高级编程学习笔记（20）—— 创建对象
由于今天有点事,加上对象原型链的东西有点多,所以今天这篇就讲一个小的知识点吧也算为明天的对象继承做铺垫工厂模式虽然使用对象字面量来创建一个对象十分地便捷,但是这个方法有一个显著的缺点那就是如果 ...
javascript高级编程学习笔记（二）——继承
2019独角兽企业重金招聘Python工程师标准>>> 写读书笔记的好处在于加深记忆,前一篇总结了编程中创建的对象的几种方式,以及常用的方式,这一篇总结实现继承的方式: 1.对象冒充 ...
JavaScript高级编程设计（第三版）——第二章：在html中使用javaScript
系列文章目录第三章:基本概念目录系列文章目录前言一.javaScript是什么? 1.有两种引入方式 1.1 嵌入式 1.2 外部引入 1.3 noscript标签标签 1.4文档模式 2 ...

javascript 高级编程系列 - 创建对象

javascript 高级编程系列 - 创建对象相关推荐

最新文章

热门文章