Javascript in big project

1Javascript in big project, Evgeny Gusev, 03.02.16 slide Wrike

What`s wrong with JavascriptEvgeny GusevDate (03/02/2016)


JavaScript problems

// data.jsfunction getData(){ var dataFromServer = getServerData(); // some logging return dataFromServer;}

// some other filevar data = getData();if (data.userIsAdmin) { // make some stuff}


JavaScript problems

// data.jsfunction getData(){ var dataFromServer = getServerData(); // some logging return dataFromServer;}

// some other filevar data = getData();if (?????) { // make some stuff}


JsDoc = решение?

/*** @typedef Data* @type Object* @property {userIsAdmin} user has admin rights*/

/*** Used to collect data from different sources** @public* @returns {Data} Function returns Data object*/function getData()


JavaScript problems

➔ Знания размазаны по коду или сосредоточены в голове


JavaScript problems

function getData() { var dataFromServer = getServerData(); if (dataFromServer.sessionExpired) { dataFromServer.status = 'expired'; } return dataFromServer;}


JavaScript problems


➔ Большое желание (и возможность) написать

костыль


JavaScript problemsfunction PersonInterface(proto,fnName){ setTimeout(function(){ if(typeof proto.getSurName !== 'function'){ throw new Error(fnName + ' has to implement getSurName'); } },100);}

function implements(fn, implements,fnName){ implements(fn.prototype,fnName);}

function Employer(){};implements(Employer, PersonInterface,'Employer');Employer.prototype.getSurName=function(){};


JavaScript problems


➔ Большое желание (и возможность) написать костыль

➔ Слабая поддержка ООП


JavaScript problems


➔ Большое желание (и возможность) написать костыль

➔ Слабая поддержка ООП

➔ Проблема с изоляцией и модульностью


Summary: JS is too weak


Solution: Dart


Dart benefits: typing. Self-documented

class Data{ bool userIsAdmin; // some other fields}

Data getData(){ //...}


Dart benefits: typing. Good analysis


Dart benefits: isolates

library 'myAwesomeLibrary'

import 'package:logging/logging.dart' show Logger, Level, LogRecord;import "package:test/test.dart" as test;

export "package:utils/utils.dart";

class MyClass{ MyClass(){ test.Runner.begin(); }}


Dart benefits: OOPabstract class Person { final _name; Person(this._name); String greet(who);}

class Human { int getAge () => 14;}

abstract class FruitLover { String getWhatILike () => 'Banana!';}

class Developer extends Human with FruitLover implements Person { final _name; Developer(this._name); @override int getAge () => 23; String greet(who) => 'Hi $who. I am $_name, ${getAge()} years old, i like ${getWhatILike()}';}


Dart benefits

➔ Богатая стандартная библиотека (пакетный менеджер, сборщик etc.)

➔ Скорость работы

➔ Не только JS разработчики могут писать код

➔ Выкидывает лишний код, а значит быстрее грузится


Dart vs TypeScript


Q&A

Javascript in big project

Engineering