http://www.wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FObject_Oriented%2FConstructor
JavaScript Tutorial/Object Oriented/Constructor - История изменений
2026-04-23T12:39:41Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://www.wbex.ru/index.php?title=JavaScript_Tutorial/Object_Oriented/Constructor&diff=8463&oldid=prev
Admin: 1 версия
2010-05-26T08:24:19Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:24, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://www.wbex.ru/index.php?title=JavaScript_Tutorial/Object_Oriented/Constructor&diff=8462&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Class factory example==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title>Factory Example</title><br />
</head><br />
<body><br />
<script type="text/javascript"><br />
function createCar(sColor, iDoors, iMpg) {<br />
var oTempCar = new Object;<br />
oTempCar.color = sColor;<br />
oTempCar.doors = iDoors;<br />
oTempCar.mpg = iMpg;<br />
oTempCar.showColor = function () {<br />
alert(this.color)<br />
};<br />
return oTempCar;<br />
}<br />
var oCar1 = createCar("red", 4, 23);<br />
var oCar2 = createCar("blue", 3, 25);<br />
oCar1.showColor();<br />
oCar2.showColor();<br />
<br />
</script><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Constructor Example==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title>Constructor Example</title><br />
</head><br />
<body><br />
<script type="text/javascript"><br />
function Car(sColor, iDoors, iMpg) {<br />
this.color = sColor;<br />
this.doors = iDoors;<br />
this.mpg = iMpg;<br />
this.showColor = function () {<br />
alert(this.color)<br />
};<br />
}<br />
var oCar1 = new Car("red", 4, 23);<br />
var oCar2 = new Car("blue", 3, 25);<br />
oCar1.showColor();<br />
oCar2.showColor();<br />
<br />
</script><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Constructor Paradigm==<br />
<br />
<p>A class name is the name of the constructor.</p><br />
<p>A constructor "acts as" a factory function.</p><br />
<p>No object is created inside the constructor.</p><br />
<p>this keyword is used in constructor.</p><br />
<p>When a constructor is called with the new operator, an object is created before the first line of the constructor.</p><br />
<p>Constructors create a separate copy for each object.</p><br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
function Car(sColor, iDoors) {<br />
this.color = sColor;<br />
this.doors = iDoors;<br />
this.showColor = function () {<br />
alert(this.color)<br />
};<br />
}<br />
var my1 = new Car("red", 4);<br />
var my2 = new Car("blue",3);</source><br />
<br />
<br />
<br />
== Constructor prototype==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title>Example</title><br />
</head><br />
<body><br />
<script type="text/javascript"><br />
function Car(sColor, iDoors, iMpg) {<br />
this.color = sColor;<br />
this.doors = iDoors;<br />
this.mpg = iMpg;<br />
this.owners = new Array("A", "B");<br />
}<br />
Car.prototype.showColor = function () {<br />
alert(this.color);<br />
};<br />
var oCar1 = new Car("red", 4, 23);<br />
var oCar2 = new Car("blue", 3, 25);<br />
oCar1.owners.push("C");<br />
document.write(oCar1.owners);<br />
document.write(oCar2.owners);<br />
</script><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Object constructor==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="Javascript" type = "text/javascript"><br />
<!--<br />
function EmployeeObj (name, address, phone, email) {<br />
this.name = name;<br />
this.address = address;<br />
this.telephone = phone;<br />
this.emailaddress = email;<br />
}<br />
var newCust = new EmployeeObj("FirstName, LastName", "city, state", "555-555-5555", "fl@website.ru");<br />
alert("Hello " + newCust.name);<br />
//--><br />
</script><br />
</head><br />
<body><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Use Form input data to construct an object==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="Javascript" type = "text/javascript"><br />
<!--<br />
function EmployeeObj() {<br />
this.name = "";<br />
this.address = "";<br />
this.telephone = "";<br />
this.emailaddress = "";<br />
}<br />
var newEmployee = new EmployeeObj();<br />
function createEmployee() {<br />
newEmployee.name = Employeeform.name.value;<br />
newEmployee.address = Employeeform.address.value;<br />
newEmployee.telephone = Employeeform.phone.value;<br />
newEmployee.emailaddress = Employeeform.email.value;<br />
alert("Hello " + newEmployee.name);<br />
}<br />
//--><br />
</script><br />
</head><br />
<body><br />
<form name="Employeeform"><br />
<u><b>Employee Information</b></u></p><br />
<P><b>Name:</b><br />
<input type="text" name="name" size="20"></p><br />
<P><b>Address: </b><input type="text" name="address" size="55"></p><br />
<P><b>Telephone:</b> <input type="text" name="phone" size="20"></p><br />
<P><b>Email:</b><br />
<input type="text" name="email" size="20"></p><br />
<P><input type="submit" value="Submit" OnClick="createEmployee()"></p><br />
</form><br />
</body><br />
</html></source></div>