<html>
<head>
<script>
/*
5.动态原型法
*/
function DCar(name,price){
this.name=name;
this.price=price;
if(DCar.initial='undefined'){
DCar.prototype.displayC=function(){alert(this.name+"----"+this.price)};
}
DCar.initial=true;
}
var c1=new DCar('bmw','30');
c1.displayC();
for(var prop in c1){
alert(prop+"----"+c1[prop]);//方法也会显示出来
}
// 4. 混合的构造函数/原型方式(推荐)
/*
联合使用构造函数和原型方式，就可像使用其他程序设计语言一样创建对象，这种概念非常简单，
即用构造函数定义对象的所有非函数属性，用原型方式定义对象的函数属性(方法)。
*/
function hCar(sColor){
this.color = sColor;
this.drivers = new Array('Mike','Sue');
}
hCar.prototype.showColor = function(){
alert(this.color);
}
/*
var hcar1 = new hCar('y color');
var hcar2 = new hCar('r color');
hcar1.drivers.push('Matt');
alert(hcar1.drivers); // output "Mike,Sue,Matt"
alert(hcar2.drivers); // output "Mike,Sue"
*/
/**
*3.使用原型的方式
如何在构造方法中传参数？？
*/
function CarClass(){
}
CarClass.prototype.name="";
CarClass.prototype.price="";
CarClass.prototype.displayCar=function(){
alert(this.name+'---'+this.price);
}
/*
var c1=new CarClass();
c1.name="bmw";
c1.price="30";
c1.displayCar();
var c2=new CarClass();
c2.displayCar();
*/
/**
*2.构造方法模式
1).使用this来定义对象的属性和方法
2).定义方法时直接使用function(){}，而不写方法名
3).使用var 定义一个变量。
*/
function Car(name,price){
this.name=name;
this.price=price;
this.displayCar=function(){
var a=this.name+"--"+this.price;
alert(a);
}
}
/*
var c1=new Car("bmw","red"); c1.displayCar();
var c2=new Car("QQ","yellow");c2.displayCar();
delete c1.price;
c1.displayCar();
alert(c1.name+"--"+c2["name"]); //用[]属性名称时必须加引号
*/
/*
1.工厂方法模式
*/
function generateCar(){
var car=new Object();
car.name="bmw";
//这里写成car.dispalyName(){}是不可以的
car.dispalyName=function(){
alert(this.name);
};//注意这个分号不可以少
return car;//注意return 不可以省略，省了之后没有对象返回
}
/*
var carBmw1=generateCar();
carBmw1.dispalyName(); //bmw
var carBmw2=generateCar();
carBmw2.name="QQ";
carBmw1.dispalyName(); //bmw
carBmw2.dispalyName(); //qq
*/
</script>
<title>
js创建对象的几种方式
</title>
<body>
<script>
</script>
</body>
</html>
分享到：
相关推荐
在JavaScript中，创建对象是编程的基本操作之一，它支持多种方式来实现这...以上就是JavaScript中创建对象的一些主要方式，每种方式都有其适用场景和优缺点。理解并熟练掌握这些技巧，能够帮助开发者更高效地编写代码。
本文将详细介绍JavaScript中九种常见的对象创建方式，帮助开发者更好地理解和应用这些技术。 1. **标准创建对象模式**： 这是最基础的对象创建方式，通过`new Object()`创建一个空对象，然后逐个为属性赋值，并添加...
这个方法允许我们基于现有对象创建新对象，新对象会继承传入对象的原型。 ```javascript var baseObj = { name: 'Base' }; var newObj = Object.create(baseObj); newObj.name; // 'Base' ``` 4. **Object....
本文将详细探讨三种主要的创建JavaScript对象的方法，并结合“源码”与“工具”的概念，来深入理解这些方式在实际开发中的应用。 一、字面量（Literal）方式 这是最简单直接的对象创建方式，通过大括号 `{}` 将属性...
javascript对象创建方法总结，通过这些方法的总结，可以对对象有了更深一步的了解，也加深了对对象的巩固认识。
这个文件可能包含了一些示例代码，用于演示上述的JavaScript对象创建、类定义和继承的实践。通过查看和运行这些代码，你可以更好地理解这些概念并应用到实际项目中。 总结来说，JavaScript对象创建涉及字面量、构造...
JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点。 ...
### JavaScript面向对象创建对象的方式小结 #### 一、引言 在JavaScript中，面向对象编程（OOP）是一种非常重要的编程范式。它通过创建和操作对象来组织代码，提高代码的复用性和可维护性。本文将详细介绍...
这是最简单直观的对象创建方式，通过大括号{}定义一个对象，并在其内部用逗号分隔属性和方法。 ```javascript var person = { name: "John", age: 30, sayHello: function() { console.log("Hello, my name ...
JavaScript创建对象的方法主要有以下几种： 一、直接创建 直接创建是通过new Object()来创建一个新的空对象，然后逐步给这个对象添加属性和方法。例如，创建一个名为person1的对象，并添加name、gender属性，以及一...
如下所示： 代码如下: var person...上面的例子创建了一个名为person的对象，并为它添加了三个属性（name、age和job）和一个方法（sayName()）。其中，sayName()方法用于显示this.name()的值。早期的JavaScript开发人员
原型模式是另一种在JavaScript中实现对象创建的方式。每个函数都有一个原型属性（prototype），它指向一个原型对象，所有通过该函数创建的对象都会共享原型对象上的属性和方法。这种方式的优点在于节省内存，因为它...
首先，手册的前几章会介绍JavaScript对象的基础知识，包括对象的创建、属性和方法的定义，以及对象与数据类型的关联。JavaScript中的对象是基于原型的，这意味着它们可以通过原型链共享属性和方法。此外，还会讲解...
本文将深入探讨JavaScript中创建对象的几种常见方式以及对象方法。 首先，我们来看“工厂模式”。工厂模式是一种创建对象的抽象方式，通过一个函数来返回一个新的对象。例如： ```javascript function getObj(name...
以上就是JavaScript创建对象的六种常见方式，每种都有其适用场景和优缺点。理解并熟练掌握这些方法，能够帮助你编写出更加灵活、可维护的代码。在实际项目中，根据需求选择合适的方法，可以提升代码质量和效率。
DeePool通过实现JavaScript对象池，为开发者提供了一种优化内存使用、提高程序运行效率的有效手段。尤其在需要大量创建和销毁对象的场景下，使用DeePool可以显著提升性能，减少内存压力。掌握并合理运用DeePool，...
在JavaScript中，面向对象主要通过以下三种方式实现： 1. **构造函数（Constructor）**：构造函数是一种特殊的函数，用于创建和初始化对象。我们可以通过`new`关键字来调用构造函数，创建一个新的对象实例。例如： ...
- **第三章：JavaScript中的类和对象**：详细介绍如何使用JavaScript创建类和对象。 - **第四章：继承**：探讨JavaScript中实现继承的不同方式。 - **第五章：封装和私有性**：讲解如何在JavaScript中实现封装以及...
这篇博客将深入探讨这些方法，帮助你更好地理解和掌握JavaScript中的对象创建。 首先，我们来看最简单的**字面量语法**。这是创建单个对象最直接的方式： ```javascript let person = { name: '张三', age: 30, ...
2. **对象创建与原型Prototype**: JavaScript使用`new`关键字创建对象实例，原型链允许对象间共享属性和方法，`__proto__`或`prototype`属性是理解这一机制的关键。 3. **函数对象Function**: 在JavaScript中，函数...