第一种模式:工厂方式
- 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());
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.不推荐使用这种方式创建对象,但应该了解
第二种模式:构造函数方式
- var lev=function(){
-
-
return "啊打";
- };
-
function Parent(){
-
-
this.name="李小龙";
-
this.age="30";
-
this.lev=lev;
-
- };
-
-
var x =new Parent();
- alert(x.name);
- 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种模式:原型模式
- 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());
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.同样的,不推荐使用这样方式创建对象
第四种模式:混合的构造函数,原型方式(推荐)
- function Parent(){
-
this.name="李小龙";
-
this.age=32;
-
- };
-
Parent.prototype.lev=function(){
-
-
return this.name;
- };;
-
-
var x =new Parent();
-
- 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.推荐使用这样方式创建对象,这样做有好处和为什么不单独使用构造函数方式和原型方式,由于篇幅问题这里不予讨论
第五种模式:动态原型方式
- 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());
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.该模式中,属性为方法的属性直接在函数中进行了定义,但是因为
- if(typeof Parent._lev=="undefined"){
-
-
-
Parent._lev=true;}
if(typeof Parent._lev=="undefined"){
Parent._lev=true;}
从而保证创建该对象的实例时,属性的方法不会被重复创建
3.,推荐使用这种模式
分享到:
相关推荐
本文将深入探讨JavaScript创建对象的8种常见方式,帮助你更好地理解和掌握这门动态类型的编程语言。 1. **字面量(Literal)方式** 这是最简单直接的创建对象的方式,通过大括号{}来定义一个对象,然后在内部用...
这篇博客“javascript创建对象的方式(二)”可能详细介绍了在JavaScript中除了最基础的字面量语法之外的其他创建对象的方法。这里我们将深入探讨几种常见的创建对象的方式。 1. **构造函数**: JavaScript中的...
### JavaScript面向对象之常见创建对象的方式 #### 引言 JavaScript 的灵活性体现在其创建对象的多种方式上。本文将详细介绍三种常见的对象创建方法:工厂模式、构造函数模式以及原型模式,并探讨它们各自的优缺点...
本文将深入探讨JavaScript中创建对象的几种常见方式以及对象方法。 首先,我们来看“工厂模式”。工厂模式是一种创建对象的抽象方式,通过一个函数来返回一个新的对象。例如: ```javascript function getObj(name...
这篇博文主要探讨了JavaScript创建对象的几种常见方式,这对于理解和掌握JavaScript面向对象编程至关重要。在实际开发中,了解并灵活运用这些方法能够提高代码的可读性和可维护性。下面,我们将详细讲解标题中提到的...
构造函数是JavaScript中一种非常常见的创建对象的方式。通过定义一个具有共同属性和方法的构造函数,我们可以使用new关键字来创建具有相同结构的新实例。在这个过程中,构造函数内的this关键字指向新创建的对象实例...
本文将详细介绍JavaScript创建对象的几种常见方式,以及它们的优缺点。 首先,我们来看**工厂模式**。这种方式通过一个函数来创建对象,它能创建具有相同属性和方法的对象。然而,工厂模式的缺点在于它没有明显的...
本文将详细对比JavaScript创建对象的五种常见方式:工厂模式、构造函数、原型方法、构造函数与原型方法的组合以及动态原型方法,分析它们的优缺点。 1. 工厂模式: 工厂模式是一种创建对象的方式,通过函数来创建...
这些过于灵活的地方有时候确实很让人迷惑,那么今天我们就来梳理一下JS中常用的创建对象的几种方法吧。 前言 虽然使用 Object构造函数 或者使用 对象字面量 可以很方便的用来创建一个对象,但这种方式有一个明显的...
本文将详细介绍几种常见的创建对象的方法,包括它们的特点和优缺点。 5.1 工厂方法 工厂方法是一种创建对象的模式,通过一个函数来创建具有特定属性和行为的对象。在JavaScript中,我们可以定义一个函数,如`...
在讨论JavaScript中定义对象的几种方式之前,我们先理解一下JavaScript中的对象到底是什么。JavaScript是一种基于原型的编程语言,对象是其核心概念之一。对象可以被视为一个容器,存储各种键值对集合,键为属性名,...
在JavaScript中,有几种常见的创建对象的方法,这里我们将详细探讨这些方法。 1. **对象字面量**:这是最简单且直观的创建对象的方式。通过大括号 `{}` 创建一个空对象,然后通过点`.`或方括号`[]`来添加属性和方法...
在JavaScript中创建对象是编程的常见需求,而JS提供了多种创建对象的方式。以下是几种常见的创建对象的方法的详细介绍和分析: 1. 原始方法(字面量创建): 这是最简单也是最直接的方法,直接通过对象字面量来创建...
以下,我们来详细探讨在JavaScript中创建对象的五种主要方式: 第一种,使用Object构造函数创建对象。这是一种非常基础的创建对象方式,通过new操作符加上Object构造函数来创建一个新的对象实例。例如,创建一个名...
在JavaScript编程中,创建对象是常见的任务,不同的...以上就是JavaScript创建对象的几种不同方法的详细说明。在实践中,开发者需要根据具体情况选择最合适的对象创建方式,以确保代码的健壮性、可读性和性能的最优化。
以上就是Three.js中创建天空盒的两种常见方法,通过合理利用WebGL和Three.js的功能,我们可以为3D场景添加生动且逼真的环境背景。无论选择哪种方法,都需要对Three.js的基本概念、几何体、材质以及着色器有较深入的...