ООП в JavaScript - Історія редагувань

Максим: /* Літерали */

2013-05-04T10:22:45Z

‎Літерали

Максим: /* Наслідування */

2013-05-04T10:21:11Z

‎Наслідування

Максим: /* Наслідування */

2013-05-04T10:20:33Z

‎Наслідування

Максим: /* Getter-и і setter-и */

2013-05-04T10:14:54Z

‎Getter-и і setter-и

Максим: /* Літерали */

2013-05-04T10:12:40Z

‎Літерали

Максим в 09:40, 4 травня 2013

2013-05-04T09:40:59Z

Максим в 09:32, 4 травня 2013

2013-05-04T09:32:10Z

Максим в 09:28, 4 травня 2013

2013-05-04T09:28:35Z

Максим в 09:26, 4 травня 2013

2013-05-04T09:26:22Z

Затворний Денис: /* Примітивні вбудовані об'єкти */

2010-05-13T19:39:23Z

‎Примітивні вбудовані об'єкти

@@ Рядок 524: / Рядок 524: @@
 :          fn({foo: 'bar'})
 :          return { foo: 'bar' }
-, { foo:
+== Список використаної літератури ==
+http://habrahabr.ru/post/153365/
 [[category:Інтернет-програмування|*]]
 [[category:Навчальні проекти]]

← Попередня версія		Версія за 10:21, 4 травня 2013
Рядок 188:		Рядок 188:


−	~~Успадкування~~ в JavaScript здійснюється через клонування поведінки об'єкта і розширення його спеціалізованим поведінкою. Об'єкт, поведінка якого клонують, називається прототипом.	+	Наслідування в JavaScript здійснюється через клонування поведінки об'єкта і розширення його спеціалізованим поведінкою. Об'єкт, поведінка якого клонують, називається прототипом.

	Прототип - це звичайний об'єкт, який ділиться своєю поведінкою з іншими об'єктами - в цьому випадку він виступає в якості батька.		Прототип - це звичайний об'єкт, який ділиться своєю поведінкою з іншими об'єктами - в цьому випадку він виступає в якості батька.

← Попередня версія		Версія за 10:20, 4 травня 2013
Рядок 185:		Рядок 185:

	У JavaScript поточний стан та методи реалізуються об'єктами, а структура і поведінка успадковуються. Всі об'єкти, що явно містять властивість, яка містить їх прототип, поділяють цю властивість і його значення. На відміну від мов, заснованих на класах, властивості можуть динамічно додаватися до об'єктів і динамічно видалятися. Зокрема, конструктори не зобов'язані присвоювати значення всіх чи деяких властивостям створюваного об'єкту.		У JavaScript поточний стан та методи реалізуються об'єктами, а структура і поведінка успадковуються. Всі об'єкти, що явно містять властивість, яка містить їх прототип, поділяють цю властивість і його значення. На відміну від мов, заснованих на класах, властивості можуть динамічно додаватися до об'єктів і динамічно видалятися. Зокрема, конструктори не зобов'язані присвоювати значення всіх чи деяких властивостям створюваного об'єкту.
		+
		+
		+
		+	Успадкування в JavaScript здійснюється через клонування поведінки об'єкта і розширення його спеціалізованим поведінкою. Об'єкт, поведінка якого клонують, називається прототипом.
		+
		+	Прототип - це звичайний об'єкт, який ділиться своєю поведінкою з іншими об'єктами - в цьому випадку він виступає в якості батька.
		+
		+	[[Файл:8bba.png]]
		+
		+	var person = Object.create(null)
		+
		+	// Here we are reusing the previous getter/setter functions
		+	: Object.defineProperty(person, 'name', { get: get_full_name
		+	: , set: set_full_name
		+	: , configurable: true
		+	: , enumerable: true })
		+
		+	// And adding the `greet' function
		+	person.greet = function (person) {
		+	: return this.name + ': Why, hello there, ' + person + '.'
		+	}
		+
		+	// Then we can share those behaviours with Mikhail
		+	// By creating a new object that has it's [[Prototype]] property
		+	// pointing to `person'.
		+	var mikhail = Object.create(person)
		+	: mikhail.first_name = 'Mikhail'
		+	: mikhail.last_name = 'Weiß'
		+	: mikhail.age = 19
		+	: mikhail.gender = 'Male'
		+
		+	// And we can test whether things are actually working.
		+	// First, `name' should be looked on `person'
		+	: mikhail.name
		+	// => 'Mikhail Weiß'
		+
		+	// Setting `name' should trigger the setter
		+	: mikhail.name = 'Michael White'
		+
		+	// Such that `first_name' and `last_name' now reflect the
		+	// previously name setting.
		+	: mikhail.first_name
		+	// => 'Michael'
		+	: mikhail.last_name
		+	// => 'White'
		+
		+	// `greet' is also inherited from `person'.
		+	: mikhail.greet('you')
		+	// => 'Michael White: Why, hello there, you.'
		+
		+	// And just to be sure, we can check which properties actually
		+	// belong to `mikhail'
		+	Object.keys(mikhail)
		+	// => [ 'first_name', 'last_name', 'age', 'gender' ]

	== Примітивні вбудовані об'єкти ==		== Примітивні вбудовані об'єкти ==

@@ Рядок 284: / Рядок 284: @@
 Створимо ім'я та прізвище нашого друга, вписавши відповідні характеристики:
-'''Object.defineProperty(mikhail, 'first_name', { value:    'Mikhail'
+'''Object.defineProperty(mikhail, 'first_name', {
-, writable: true })
+:                  , writable: true })
-Object.defineProperty(mikhail, 'last_name', { value:    'Weiß'
+Object.defineProperty(mikhail, 'last_name', {
-, writable: true })'''
+:                  , writable: true })'''
 Потім ми опишемо загальний спосіб отримання і установки відразу двох властивостей за один раз - назвемо їх об'єднання name:
@@ Рядок 300: / Рядок 302: @@
 function get_full_name() {
-return this.first_name + ' ' + this.last_name
+:              return this.first_name + ' ' + this.last_name
 }'''
@@ Рядок 307: / Рядок 309: @@
 // Sets the name components of the object, from a full name.
-function set_full_name(new_name) { var names
+function set_full_name(new_name) {
-names = new_name.trim().split(/\s+/)
+:       var names
-this.first_name = names[⁣'0'] || ''
+:          names = new_name.trim().split(/\s+/)
-this.last_name  = names['1'] || '''''
+:           this.first_name = names[⁣'0'] || ''
+}
@@ Рядок 319: / Рядок 323: @@
 '''Object.defineProperty(mikhail, 'name',
-{ get: get_full_name
+:           { get: get_full_name
-, set: set_full_name
+:           , set: set_full_name
-, configurable: true
+:           , configurable: true
-, enumerable:   true })'''
+:           , enumerable:   true })'''
 Тепер, кожен раз коли ми спробуємо дізнатися значення властивості name нашого друга насправді викликається функція get_full_name:
@@ Рядок 333: / Рядок 337: @@
 // => 'Mikhail Weiß'
-mikhail.first_name
+:           mikhail.first_name
 // => 'Mikhail'
-mikhail.last_name
+:           mikhail.last_name
 // => 'Weiß'
-mikhail.last_name = 'White'
+:           mikhail.last_name = 'White'
 mikhail.name
@@ Рядок 351: / Рядок 355: @@
 '''mikhail.name = 'Michael White'
-mikhail.name
+:          mikhail.name
 // => 'Michael White'
-mikhail.first_name
+:          mikhail.first_name
 // => 'Michael'
-mikhail.last_name
+:          mikhail.last_name
 // => 'White''''

@@ Рядок 373: / Рядок 373: @@
 var mikhail = { first_name: 'Mikhail'
-, last_name:  'Weiß'
+:            , last_name:  'Weiß'
-, age: 19
+:            , age: 19
-, gender: 'Male'
+:            , gender: 'Male'
 // () → String
@@ Рядок 393: / Рядок 393: @@
 // from a full name.
-, set name(new_name) { var names
+:               , set name(new_name) { var names
 names = new_name.trim().split(/\s+/)
-this.first_name = names['0'] || ''
+:               this.first_name = names['0'] || ''
-this.last_name  = names['1'] || '' }
+:               this.last_name  = names['1'] || '' }
+}
@@ Рядок 416: / Рядок 416: @@
 <property>        ::= <data-property>
-| <getter-property>
+:            | <getter-property>
-| <setter-property>
+:            | <setter-property>
+;
@@ Рядок 444: / Рядок 444: @@
 | <quoted-identifier>
+;
 [[category:Інтернет-програмування|*]]
 [[category:Навчальні проекти]]