`
cowboy_bebop
  • 浏览: 111687 次
  • 性别: Icon_minigender_1
  • 来自: 火星
社区版块
存档分类
最新评论

JS创建对象的几种创建方式

阅读更多

第一种模式:工厂方式

Js代码   收藏代码
  1. var lev=function(){  
  2.   
  3.    return "啊打";  
  4. };  
  5. function Parent(){  
  6.        var  Child = new Object();  
  7.        Child.name="李小龙";  
  8.        Child.age="30";  
  9.        Child.lev=lev;  
  10.      return Child;  
  11. };  
  12.   
  13. var  x = Parent();  
  14. alert(x.name);  
  15. alert(x.lev());  

 说明:

1.在函数中定义对象,并定义对象的各种属性,,虽然属性可以为方法,但是建议将属性为方法的属性定义到函数之外,这样可以避免重复创建该方法

2.引用该对象的时候,这里使用的是 var x = Parent()而不是 var x = new Parent();因为后者会可能出现很多问题(前者也成为工厂经典方式,后者称之为混合工厂方式),不推荐使用new的方式使用该对象

3.在函数的最后返回该对象

4.不推荐使用这种方式创建对象,但应该了解

第二种模式:构造函数方式

Js代码   收藏代码
  1. var lev=function(){  
  2.   
  3.    return "啊打";  
  4. };  
  5. function Parent(){  
  6.         
  7.        this.name="李小龙";  
  8.        this.age="30";  
  9.        this.lev=lev;  
  10.      
  11. };  
  12.   
  13. var  x =new  Parent();  
  14. alert(x.name);  
  15. alert(x.lev());  

 

说明:

1.与工厂方式相比,使用构造函数方式创建对象,无需再函数内部重建创建对象,而使用this指代,并而函数无需明确return

2.同工厂模式一样,虽然属性的值可以为方法,扔建议将该方法定义在函数之外

3..同样的,不推荐使用这种方式创建对象,但仍需要了解

第3种模式:原型模式

Js代码   收藏代码
  1. var lev=function(){  
  2.   
  3.    return "啊打";  
  4. };  
  5. function Parent(){  
  6.         
  7.      
  8. };  
  9.   Parent.prototype.name="李小龙";  
  10.   Parent.prototype.age="30";  
  11.  Parent.prototype.lev=lev;  
  12.   
  13. var  x =new  Parent();  
  14. alert(x.name);  
  15. alert(x.lev());  

 说明:

1.函数中不对属性进行定义

2.利用prototype属性对属性进行定义

3.同样的,不推荐使用这样方式创建对象

 第四种模式:混合的构造函数,原型方式(推荐

Js代码   收藏代码
  1. function Parent(){  
  2.   this.name="李小龙";  
  3.  this.age=32;  
  4.      
  5. };   
  6. Parent.prototype.lev=function(){  
  7.   
  8.    return this.name;  
  9. };;  
  10.   
  11. var  x =new  Parent();  
  12.   
  13. alert(x.lev());  

 说明:1.该模式是指混合搭配使用构造函数方式和原型方式

          2.将所有属性不是方法的属性定义在函数中(构造函数方式)

将所有属性值为方法的属性利用prototype在函数之外定义(原型方式)

3.推荐使用这样方式创建对象,这样做有好处和为什么不单独使用构造函数方式和原型方式,由于篇幅问题这里不予讨论

第五种模式:动态原型方式

Js代码   收藏代码
  1. function Parent(){  
  2.   this.name="李小龙";  
  3.  this.age=32;  
  4. ;  
  5.  if(typeof Parent._lev=="undefined"){  
  6.             
  7.        
  8.      Parent.prototype.lev=function(){  
  9.   
  10.                return this.name;  
  11.      }  
  12.      Parent._lev=true;  
  13.  }  
  14.      
  15. };   
  16.   
  17.   
  18. var  x =new  Parent();  
  19.   
  20. alert(x.lev());  

 说明:

1.动态原型方式可以理解为混合构造函数,原型方式的一个特例

2.该模式中,属性为方法的属性直接在函数中进行了定义,但是因为

Js代码   收藏代码
  1. if(typeof Parent._lev=="undefined"){  
  2.             
  3.        
  4.           Parent._lev=true;}  

 
从而保证创建该对象的实例时,属性的方法不会被重复创建

3.,推荐使用这种模式

 

分享到:
评论

相关推荐

    javascript创建对象的方式(二)

    这篇博客“javascript创建对象的方式(二)”可能详细介绍了在JavaScript中除了最基础的字面量语法之外的其他创建对象的方法。这里我们将深入探讨几种常见的创建对象的方式。 1. **构造函数**: JavaScript中的...

    JavaScript学习之二 — JavaScript创建对象的8种方式

    本文将深入探讨JavaScript创建对象的8种常见方式,帮助你更好地理解和掌握这门动态类型的编程语言。 1. **字面量(Literal)方式** 这是最简单直接的创建对象的方式,通过大括号{}来定义一个对象,然后在内部用...

    js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式).docx

    ### JavaScript面向对象之常见创建对象的方式 #### 引言 JavaScript 的灵活性体现在其创建对象的多种方式上。本文将详细介绍三种常见的对象创建方法:工厂模式、构造函数模式以及原型模式,并探讨它们各自的优缺点...

    js创建对象的几种方式

    1.new Object() 2.字面量创建对象 构造函数创建对象 工厂模式

    javascript创建对象的方式(一)

    这篇博文主要探讨了JavaScript创建对象的几种常见方式,这对于理解和掌握JavaScript面向对象编程至关重要。在实际开发中,了解并灵活运用这些方法能够提高代码的可读性和可维护性。下面,我们将详细讲解标题中提到的...

    【JavaScript源代码】详解js创建对象的几种方式和对象方法.docx

    本文将深入探讨JavaScript中创建对象的几种常见方式以及对象方法。 首先,我们来看“工厂模式”。工厂模式是一种创建对象的抽象方式,通过一个函数来返回一个新的对象。例如: ```javascript function getObj(name...

    JS 创建对象(常见的几种方法)

    下面我们逐一分析给定文件中所提到的几种创建对象的方法。 首先是使用构造函数模式创建对象。构造函数是JavaScript中一种非常常见的创建对象的方式。通过定义一个具有共同属性和方法的构造函数,我们可以使用new...

    在js中创建类和对象

    本文将详细介绍几种常见的创建对象的方法,包括它们的特点和优缺点。 5.1 工厂方法 工厂方法是一种创建对象的模式,通过一个函数来创建具有特定属性和行为的对象。在JavaScript中,我们可以定义一个函数,如`...

    js创建对象几种方式的优缺点对比

    本文将详细对比JavaScript创建对象的五种常见方式:工厂模式、构造函数、原型方法、构造函数与原型方法的组合以及动态原型方法,分析它们的优缺点。 1. 工厂模式: 工厂模式是一种创建对象的方式,通过函数来创建...

    javascript如何创建对象

    JavaScript创建对象的方法主要有以下几种: 一、直接创建 直接创建是通过new Object()来创建一个新的空对象,然后逐步给这个对象添加属性和方法。例如,创建一个名为person1的对象,并添加name、gender属性,以及一...

    JS创建对象的几中方式

    在JavaScript中,创建对象有多种方法,每种方式都有其优缺点。以下是对这些方法的详细解释: 1. **工厂方式**: 工厂函数是通过一个函数来创建对象,它可以根据需要设置属性和方法。然而,这种方法的缺点是每个...

    js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)

    在上篇文章给大家介绍了javascript面向对象基础,本篇文章继续深入学习javascript面向对象,JS的语法非常灵活,简单的对象创建就有好几种不同的方法。这些过于灵活的地方有时候确实很让人迷惑,那么今天我们就来梳理...

    js创建对象的几种常用方式小结(推荐)

    本文将详细介绍JavaScript创建对象的几种常见方式,以及它们的优缺点。 首先,我们来看**工厂模式**。这种方式通过一个函数来创建对象,它能创建具有相同属性和方法的对象。然而,工厂模式的缺点在于它没有明显的...

    在javascript中创建对象的各种模式解析

    在JavaScript中创建对象主要涉及以下几种模式: 1. 工厂模式 工厂模式是最早期的对象创建方式之一,它通过一个函数来创建对象,并返回新创建的对象。这种方法的核心是利用函数封装创建对象的细节,然后通过返回值来...

    JS对象创建的几种方式整理

    最近一直在看JS高级程序设计这本书,有空来梳理一下几种创建对象的方式。话不多说,直接步入正题。 第一种:Object构造函数创建 var Person = new Object(); Person.name = 'Nike'; Person.age = 29; 这行代码创建...

    javascript中创建对象的几种方法总结

    在JavaScript中,有几种常见的创建对象的方法,这里我们将详细探讨这些方法。 1. **对象字面量**:这是最简单且直观的创建对象的方式。通过大括号 `{}` 创建一个空对象,然后通过点`.`或方括号`[]`来添加属性和方法...

    JS 5种遍历对象的方式

    感觉事情并不这么简单,于是我仔细看了一下这几种遍历对象的方法的区别 for in for in 循环是最基础的遍历对象的方式,它还会得到对象原型链上的属性 // 创建一个对象并指定其原型,bar 为原型上的属性 const obj =...

    ThreeJS创建天空盒的几种方法

    本篇文章将深入探讨如何在Three.js中创建天空盒,一种用于模拟环境光照和背景效果的技术。天空盒通常是一个六面体,每个面都是一个纹理图像,用于给3D场景提供一个无边界的视觉背景。 ### 1. 基本概念 - **天空盒...

Global site tag (gtag.js) - Google Analytics