Классы и фабрики. Как разобрать и собрать объект с...

27
Классы и фабрики Как разобрать и собрать объект с наследованием на прототипах Алексей Бахирев веб-разработчик, i- Free

Upload: fdconf

Post on 14-Nov-2014

361 views

Category:

Technology


3 download

DESCRIPTION

Алексей Бахирев «Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах» Frontend Dev Conf'14 www.fdconf.by

TRANSCRIPT

Page 1: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

Классы и фабрикиКак разобрать и собрать объект с наследованием на прототипах

Алексей Бахиреввеб-разработчик, i-Free

Page 2: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 3: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 4: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 5: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 6: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

function A() {...

}

A.prototype.render = function() {...

};

A.prototype.left = function() {...

};

Page 7: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 8: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

function A() {...

}

A.prototype.render = function() {...

};

A.prototype.render = function() {...

};

function A() {...

}

A.prototype.render = function() {...

};

A.prototype.render = function() {...

};

function A() {...

}

A.prototype.render = function() {...

};

A.prototype.render = function() {...

};

function A() {...

}

A.prototype.render = function() {...

};

A.prototype.render = function() {...

};

function A() {...

}

A.prototype.render = function() {...

};

A.prototype.render = function() {...

};

function A() {...

}

A.prototype.render = function() {...

};

A.prototype.render = function() {...

};

Page 9: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

(Список всех свойств + Список всех методов) х Списко кого наследовать = Любой объект

Page 10: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

factoryObject([ "skin", "dimensions", "coordinates", "physics", "use", "fuel", "type", "attack", "brain"], [ "transport"], { params: params, className: "Transport", type: "audi"});

{}

for(var group in parameters) { … Наследуем группы свойств}

for(var method in prototypes) { … Наследуем группы методов}

Page 11: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

limit: { x: 2000, y: 2000, speed: { x: 10, y: 10 }},physics: { time: 0.02, meter: 20, gravitation: 0, frictionAir: 1},grid: { step: 100, grid: []},

left: function() { ...},

right: function() { ...},

attack: function() { ...},

Page 12: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

factoryObject([ "skin", "dimensions", "coordinates", "physics", "use", "fuel", "type", "brain"], [ "transport"], { params: params, className: "Transport", type: "audi"});

Создание новых объектов изменяя списком свойств и прототипов

factoryObject([ "skin", "dimensions", "coordinates", "physics", "attack", "type"], [ "transport“, "weapon"], { params: params, className: "Transport", type: "panzer"});

Page 13: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

limit: { x: 2000, y: 2000, speed: { x: 10, y: 10 }},physics: { time: 0.02, meter: 20, gravitation: 0, frictionAir: 1},grid: { step: 100, grid: []},

for(var group in parameters) {

}

Авто-документация и Авто-генерация (например CSS)

Page 14: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 15: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 16: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 17: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

JSON.stringify();

Page 18: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

Избыточность связей

Page 19: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

Реестр объектов

Page 20: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 21: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 22: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 23: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

PrototypesJSON

Page 24: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах
Page 25: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

PrototypesJSON

Page 26: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

- Не классы, а фабрики- Все свойства в общем списке- Все прототипы в общем списке- Никаких зависимостей объектов и ссылок- Прототипы восстанавливаем по списку

Page 27: Классы и фабрики. Как разобрать и собрать объект с наследованием на прототипах

[email protected]://habrahabr.ru/users/bakhirev/

http://www.linkedin.com/pub/alexey-bakhirev/89/838/7b0

Вопросы?