Командная разработка “толстых клиентов”

Командная разработка
“толстых клиентов”

Что нравится в CoffeeScript
● Require
● Отступы вместо скобок
● Классическое ООП
● Отсутствие var, необязательные скобки & return
● “Читаемые строки #{var}”
● Удобные конструкции для работы с массивами,
объектами, циклами и т.п.
● Управляемый контекст “this”

Require
# Business logic and communications.
require './portal/models'
require './portal/routes'
require './portal/server'
# UI.
require './portal/views/helpers'
require './portal/views/header'
require './core/views/template'
…

Classes, Inheritance, and Super
class A
constructor: (property) ->
# …
method: ->
# …
class B extends A
constructor: ->
super("Property value")
method: ->
super()

Classes, Inheritance, and Super
var A, B,
__hasProp = {}.hasOwnProperty,
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.
call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor
= child; } ctor.prototype = parent.prototype; child.prototype = new ctor();
child.__super__ = parent.prototype; return child; };
A = (function() {
function A(property) {}
A.prototype.method = function() {};
return A;
})();
B = (function(_super) {
__extends(B, _super);
function B() {
B.__super__.constructor.call(this, "Property value");
}
B.prototype.method = function() {
return B.__super__.method.call(this);
};
return B;
})(A);
class A
constructor: (property) ->
# …
method: ->
# …
class B extends A
constructor: ->
super("Property value")
method: ->
super()

Аргументы функций
class Database
connect : (
@host = 'localhost'
@port = 80
options…
callback
) ->
# Тело функции / метода

Аргументы функций
class Database
connect : (
@host = 'localhost'
@port = 80
options…
callback
) ->
# Тело функции / метода
var Database,
__slice = [].slice;
Database = (function() {
function Database() {}
Database.prototype.connect = function() {
var callback, host, options, port, _i;
host = arguments[0], port = arguments[1], options =
4 <= arguments.length ? __slice.call(arguments, 2, _i =
arguments.length - 1) : (_i = 2, []), callback =
arguments[_i++];
this.host = host != null ? host : 'localhost';
this.port = port != null ? port : 80;
};
return Database;
})();

Простые if, unless
return if error
port = 8080 unless port
port = if https then 443 else 80
callback?()

Массивы
numbers = [0..9]
n = numbers[3..6]
numbers[3..6] = [-3, -4, -5, -6]
[foo, bar] = [1, 2]

Контекст вызова функций и методов
$('#element').on 'click', (e) ->
@openMenu(e)
$('#element').on 'click', (e) =>
@openMenu(e)
$('#element').on('click', function(e) {
return this.openMenu(e);
});
var _this = this;
$('#element').on('click', function(e) {
return _this.openMenu(e);
});

Минусы CoffeeScript
● Новый синтаксис
● Сборка проекта
● Генерирует много кода
● (Отладка)

Алексей Иванов
aivanov@qubell.com
skype: a.ivanov

Командная разработка “толстых клиентов”

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (18)

Similar to Командная разработка “толстых клиентов”

Similar to Командная разработка “толстых клиентов” (20)

More from Open-IT

More from Open-IT (10)

Командная разработка “толстых клиентов”