Jaralash - История изменений

imported>Supportadmin: /* Классический шаблон №3: Заимствование и установка прототипа */

2014-03-16T14:36:58Z

Классический шаблон №3: Заимствование и установка прототипа

← Предыдущая версия		Версия от 17:36, 16 марта 2014
Строка 1153:		Строка 1153:


	function Child(a, b, c, d) {		<nowiki>function Child(a, b, c, d) {
	Parent.apply(this, arguments);		Parent.apply(this, arguments);
	}		}

	Child.prototype = new Parent();		Child.prototype = new Parent();</nowiki>

	Преимущество - дочерний объект получается копии собственных членов родителя и ссылку на функции прототипа.		Преимущество - дочерний объект получается копии собственных членов родителя и ссылку на функции прототипа.

imported>Supportadmin: /* Классический шаблон №2: Заимствование конструктора */

2014-03-16T14:36:36Z

Классический шаблон №2: Заимствование конструктора

Внесённые изменения

imported>Supportadmin: /* Классический шаблон №2: Заимствование конструктора */

2014-03-16T14:29:14Z

Классический шаблон №2: Заимствование конструктора

← Предыдущая версия		Версия от 17:29, 16 марта 2014
Строка 1227:		Строка 1227:
	http://jsfiddle.net/valsie/nnhQ2/1/		http://jsfiddle.net/valsie/nnhQ2/1/

	Достоинства и недостатки		'''Достоинства и недостатки'''

	Недостаток этого шаблона заключается в том, что он не обеспечивает наследования свойств прототипа.		Недостаток этого шаблона заключается в том, что он не обеспечивает наследования свойств прототипа.
Строка 1233:		Строка 1233:
	В качестве преимущества выступает, то что дочерние объекты получают настоящие копии свойств родительских объектов, по этому исключается риск случайного изменения значения свойств родителя.		В качестве преимущества выступает, то что дочерние объекты получают настоящие копии свойств родительских объектов, по этому исключается риск случайного изменения значения свойств родителя.

	Классический шаблон №3: Заимствование и установка прототипа		===Классический шаблон №3: Заимствование и установка прототипа===

	Этот шаблон направлен на совершенствование предыдущего, а именно добавить возможность наследовать функции прототипа		Этот шаблон направлен на совершенствование предыдущего, а именно добавить возможность наследовать функции прототипа

	~~Javascript~~
	1
	function Child(a, b, c, d) {		function Child(a, b, c, d) {
	2
	Parent.apply(this, arguments);		Parent.apply(this, arguments);
	3
	}		}
	4

	5
	Child.prototype = new Parent();		Child.prototype = new Parent();

	Преимущество - дочерний объект получается копии собственных членов родителя и ссылку на функции прототипа.		Преимущество - дочерний объект получается копии собственных членов родителя и ссылку на функции прототипа.

	Недостатки - необходимость дважды вызывать родительский конструктор, что снижает эффективность, так как некоторые свойства наследуются дважды.		Недостатки - необходимость дважды вызывать родительский конструктор, что снижает эффективность, так как некоторые свойства наследуются дважды.

	Классический шаблон №4: Совместное использование прототипа		===Классический шаблон №4: Совместное использование прототипа===

	~~Javascript~~
	1
	function inherit(C, P) {		function inherit(C, P) {
	2
	C.prototype = P.prototype;		C.prototype = P.prototype;
	3
	}		}

	В таком случае, все что должно наследоваться, должно находиться в родительском прототипе, в таком случае объект наследует все свойства и методы и вызов родительского конструктора выполняется только один раз.		В таком случае, все что должно наследоваться, должно находиться в родительском прототипе, в таком случае объект наследует все свойства и методы и вызов родительского конструктора выполняется только один раз.

	Недостаток такого способа в том, что дочерний и родительский объекты ссылаются на одну и ту же функцию прототипа, и изменения свойств одного объекта, повлечет за собой изменения в свойствах другого, что лишает возможности выполнять переопределение методов или свойств.		Недостаток такого способа в том, что дочерний и родительский объекты ссылаются на одну и ту же функцию прототипа, и изменения свойств одного объекта, повлечет за собой изменения в свойствах другого, что лишает возможности выполнять переопределение методов или свойств.

	Классический шаблон №5: Временный конструктор		===Классический шаблон №5: Временный конструктор===

	В этом шаблоне решается проблема предыдущего, разрывая прямую связь между прототипами, так что теперь изменения в одном объекте не будут влечь за собой изменения в другом.		В этом шаблоне решается проблема предыдущего, разрывая прямую связь между прототипами, так что теперь изменения в одном объекте не будут влечь за собой изменения в другом.

	~~Javascript~~
	1
	function inherit(C, P) {		function inherit(C, P) {
	2		2
Строка 1284:		Строка 1276:
	Для расширения возможностей фукнции inherit, можно добавить сохранение ссылка на класс родителя.		Для расширения возможностей фукнции inherit, можно добавить сохранение ссылка на класс родителя.

	~~Javascript~~
	1
	function inherit(C, P) {		function inherit(C, P) {
	2		2
Строка 1299:		Строка 1290:
	Последнее что можно сделать, что бы эта функция была приближенная к идеалу, это исключить постоянное создание пустой функции F при обращении к функции inherit.		Последнее что можно сделать, что бы эта функция была приближенная к идеалу, это исключить постоянное создание пустой функции F при обращении к функции inherit.

	~~Javascript~~
	1
	var inherit = (function () {		var inherit = (function () {
	2		2
Строка 1318:		Строка 1308:
	Пример:		Пример:

	~~Javascript~~
	01
	var button = document.getElementById("button");		var button = document.getElementById("button");
	02		02
Строка 1454:		Строка 1443:
	http://jsfiddle.net/valsie/LVH5F/		http://jsfiddle.net/valsie/LVH5F/

	Шаблон имитации класса		===Шаблон имитации класса===

	Многие JavaScript библиотеки пытаются эмитировать классы, но все реализации имеют схожие черты:		Многие JavaScript библиотеки пытаются эмитировать классы, но все реализации имеют схожие черты:
Строка 1488:		Строка 1477:
	Расширим этот класс и создадим новый:		Расширим этот класс и создадим новый:

	~~Javascript~~
	1
	var Nokia = jClass(Phone, {		var Nokia = jClass(Phone, {
	2		2
Строка 1581:		Строка 1568:
	http://jsfiddle.net/valsie/pK58m/6/		http://jsfiddle.net/valsie/pK58m/6/

	Наследование через прототип		===Наследование через прототип===

	Этот шаблон не имеет никакого отношения к классами, здесь одни объекты наследуют другие.		Этот шаблон не имеет никакого отношения к классами, здесь одни объекты наследуют другие.
Строка 1682:		Строка 1669:
	http://jsfiddle.net/valsie/ZrLA7/		http://jsfiddle.net/valsie/ZrLA7/

	Наследование копированием свойств		===Наследование копированием свойств===

	Рассмотрим другой способ наследования - наследование копированием свойств. В этом шаблоне один объект получает доступ к функциональности другого объекта за счет простого копирования свойств. Ниже пример реализации:		Рассмотрим другой способ наследования - наследование копированием свойств. В этом шаблоне один объект получает доступ к функциональности другого объекта за счет простого копирования свойств. Ниже пример реализации:
Строка 1711:		Строка 1698:
	В случае, если необходимо выполнять полное копирование, с учетом массивов и объектов, функция extend должна выглядеть следующим образом:		В случае, если необходимо выполнять полное копирование, с учетом массивов и объектов, функция extend должна выглядеть следующим образом:

	~~Javascript~~

	01
	function extendDeep(parent, child) {		function extendDeep(parent, child) {
	02		02

imported>Supportadmin: /* Классический шаблон №1: Шаблон по умолчанию */

2014-03-16T14:27:03Z

Классический шаблон №1: Шаблон по умолчанию

← Предыдущая версия		Версия от 17:27, 16 марта 2014
Строка 985:		Строка 985:
	Пример:		Пример:

	~~Javascript~~		<nowiki>var button = document.getElementById("button");

	var button = document.getElementById("button");



	button.addEventListener("click", function () {		button.addEventListener("click", function () {
Строка 995:		Строка 991:
	test();		test();
	}, false);		}, false);


	function inherit(C, P) {		function inherit(C, P) {

	C.prototype = new P();		C.prototype = new P();

	}		}



	/**		/**
Строка 1010:		Строка 1001:

	function Phone(name, size) {		function Phone(name, size) {

	this.name = name \|\| "Phone";		this.name = name \|\| "Phone";
	this.size = size \|\| {		this.size = size \|\| {
Строка 1024:		Строка 1014:

	Phone.prototype.getSize = function () {		Phone.prototype.getSize = function () {

	var size = this.size;		var size = this.size;

	alert("width: " +size.w + "; height: " + size.h);		alert("width: " +size.w + "; height: " + size.h);

Строка 1053:		Строка 1041:
	nokia_2.getSize();		nokia_2.getSize();

	}		}</nowiki>

	В действии:		В действии:

imported>Supportadmin: /* Javascript. Шаблоны проектирования. Повторное использование программного кода. */

2014-03-16T14:26:10Z

Javascript. Шаблоны проектирования. Повторное использование программного кода.

Внесённые изменения

imported>Supportadmin: /* В заключение */

2014-03-16T14:22:23Z

В заключение

← Предыдущая версия		Версия от 17:22, 16 марта 2014
Строка 924:		Строка 924:

	Также я предлагаю попробовать некоторые из утилит для расширения namespace представленных здесь т.к. они могут оказаться полезны в долгосрочной перспективе и реально экономят время.		Также я предлагаю попробовать некоторые из утилит для расширения namespace представленных здесь т.к. они могут оказаться полезны в долгосрочной перспективе и реально экономят время.

			==Javascript. Шаблоны проектирования. Повторное использование программного кода.==
			[http://www.xiper.net/learn/javascript/shablony-proyektirovaniya/shablon-povtornogo-koda.html источник]

imported>Supportadmin в 13:48, 16 марта 2014

2014-03-16T13:48:54Z

← Предыдущая версия		Версия от 16:48, 16 марта 2014
Строка 1:		Строка 1:
	===Шаблоны проектирования JavaScript===		==Шаблоны проектирования JavaScript==
	*[http://www.xiper.net/learn/javascript/shablony-proyektirovaniya/shablony-proyektirovaniya.html вступление к статье]		*[http://www.xiper.net/learn/javascript/shablony-proyektirovaniya/shablony-proyektirovaniya.html вступление к статье]
	*[http://www.xiper.net/learn/javascript/shablony-proyektirovaniya/part-3.html оригинал статьи]		*[http://www.xiper.net/learn/javascript/shablony-proyektirovaniya/part-3.html оригинал статьи]
Строка 5:		Строка 5:
	Одним из наиболее важных аспектов написания эффективного и поддерживаемого кода, есть возможность замечать повторяющиеся участки этого кода и оптимизировать их. Это та область, где знание шаблонов проектирования может оказаться бесценным.		Одним из наиболее важных аспектов написания эффективного и поддерживаемого кода, есть возможность замечать повторяющиеся участки этого кода и оптимизировать их. Это та область, где знание шаблонов проектирования может оказаться бесценным.

	==== Что такое шаблон проектирования? ====		=== Что такое шаблон проектирования? ===
	Шаблон представляет собой многократно решение, которое может быть применено к часто встречающиеся проблемы в разработке программного обеспечения - в нашем случае - в написании веб-приложений на JavaScript. С другой стороны, шаблон проектирования выступает в качестве шаблона который может быть использован для решения ряда различных задач в различных ситуациях		Шаблон представляет собой многократно решение, которое может быть применено к часто встречающиеся проблемы в разработке программного обеспечения - в нашем случае - в написании веб-приложений на JavaScript. С другой стороны, шаблон проектирования выступает в качестве шаблона который может быть использован для решения ряда различных задач в различных ситуациях

imported>Supportadmin: /* Что такое шаблон проектирования? */

2014-03-16T13:47:17Z

Что такое шаблон проектирования?

← Предыдущая версия		Версия от 16:47, 16 марта 2014
Строка 5:		Строка 5:
	Одним из наиболее важных аспектов написания эффективного и поддерживаемого кода, есть возможность замечать повторяющиеся участки этого кода и оптимизировать их. Это та область, где знание шаблонов проектирования может оказаться бесценным.		Одним из наиболее важных аспектов написания эффективного и поддерживаемого кода, есть возможность замечать повторяющиеся участки этого кода и оптимизировать их. Это та область, где знание шаблонов проектирования может оказаться бесценным.

	=== Что такое шаблон проектирования? ===		==== Что такое шаблон проектирования? ====
	Шаблон представляет собой многократно решение, которое может быть применено к часто встречающиеся проблемы в разработке программного обеспечения - в нашем случае - в написании веб-приложений на JavaScript. С другой стороны, шаблон проектирования выступает в качестве шаблона который может быть использован для решения ряда различных задач в различных ситуациях		Шаблон представляет собой многократно решение, которое может быть применено к часто встречающиеся проблемы в разработке программного обеспечения - в нашем случае - в написании веб-приложений на JavaScript. С другой стороны, шаблон проектирования выступает в качестве шаблона который может быть использован для решения ряда различных задач в различных ситуациях

imported>Supportadmin: /* Шаблоны проектирования JavaScript */

2014-03-16T13:41:00Z

Шаблоны проектирования JavaScript

Внесённые изменения

imported>Supportadmin в 13:39, 16 марта 2014

2014-03-16T13:39:41Z

← Предыдущая версия		Версия от 16:39, 16 марта 2014
Строка 1:		Строка 1:
			==Шаблоны проектирования JavaScript==
	==Базовые Namespace паттерны JavaScript==		==Базовые Namespace паттерны JavaScript==
	Оригинал http://www.zencoder.pro/essential-js-namespacing		Оригинал http://www.zencoder.pro/essential-js-namespacing