`
lysvanilla
  • 浏览: 80610 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

js创建对象的几种常用方式

js 
阅读更多

第一种模式:工厂方式

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

   return "啊打";
};
function Parent(){
       var  Child = new Object();
       Child.name="李小龙";
       Child.age="30";
       Child.lev=lev;
     return Child;
};

var  x = Parent();
alert(x.name);
alert(x.lev());

说明:

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

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

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

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

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

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

   return "啊打";
};
function Parent(){
      
       this.name="李小龙";
       this.age="30";
       this.lev=lev;
   
};

var  x =new  Parent();
alert(x.name);
alert(x.lev());

 

说明:

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

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

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

第3种模式:原型模式

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

   return "啊打";
};
function Parent(){
      
   
};
  Parent.prototype.name="李小龙";
  Parent.prototype.age="30";
 Parent.prototype.lev=lev;

var  x =new  Parent();
alert(x.name);
alert(x.lev());

说明:

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

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

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

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

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

   return this.name;
};;

var  x =new  Parent();

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. Parent.prototype.lev=function(){
  7. return this.name;
  8. }
  9. Parent._lev=true;
  10. }
  11. };
  12. var x =new Parent();
  13. alert(x.lev());
function Parent(){
  this.name="李小龙";
 this.age=32;
;
 if(typeof Parent._lev=="undefined"){
          
     
     Parent.prototype.lev=function(){

               return this.name;
     }
     Parent._lev=true;
 }
   
}; 


var  x =new  Parent();

alert(x.lev());

说明:

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

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

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


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

3.,推荐使用这种模式

分享到:
评论

相关推荐

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

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

    javascript创建对象的方式(二)

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

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

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

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

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

    javascript创建对象的方式(一)

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

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

    构造函数是JavaScript中一种非常常见的创建对象的方式。通过定义一个具有共同属性和方法的构造函数,我们可以使用new关键字来创建具有相同结构的新实例。在这个过程中,构造函数内的this关键字指向新创建的对象实例...

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

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

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

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

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

    这些过于灵活的地方有时候确实很让人迷惑,那么今天我们就来梳理一下JS中常用的创建对象的几种方法吧。 前言 虽然使用 Object构造函数 或者使用 对象字面量 可以很方便的用来创建一个对象,但这种方式有一个明显的...

    在js中创建类和对象

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

    JAVASCRIPT中定义对象的几种方式.pdf

    在讨论JavaScript中定义对象的几种方式之前,我们先理解一下JavaScript中的对象到底是什么。JavaScript是一种基于原型的编程语言,对象是其核心概念之一。对象可以被视为一个容器,存储各种键值对集合,键为属性名,...

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

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

    js中创建对象的几种方式示例介绍

    在JavaScript中创建对象是编程的常见需求,而JS提供了多种创建对象的方式。以下是几种常见的创建对象的方法的详细介绍和分析: 1. 原始方法(字面量创建): 这是最简单也是最直接的方法,直接通过对象字面量来创建...

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

    以下,我们来详细探讨在JavaScript中创建对象的五种主要方式: 第一种,使用Object构造函数创建对象。这是一种非常基础的创建对象方式,通过new操作符加上Object构造函数来创建一个新的对象实例。例如,创建一个名...

    JS创建对象几种不同方法详解

    在JavaScript编程中,创建对象是常见的任务,不同的...以上就是JavaScript创建对象的几种不同方法的详细说明。在实践中,开发者需要根据具体情况选择最合适的对象创建方式,以确保代码的健壮性、可读性和性能的最优化。

    ThreeJS创建天空盒的几种方法

    以上就是Three.js中创建天空盒的两种常见方法,通过合理利用WebGL和Three.js的功能,我们可以为3D场景添加生动且逼真的环境背景。无论选择哪种方法,都需要对Three.js的基本概念、几何体、材质以及着色器有较深入的...

Global site tag (gtag.js) - Google Analytics