Dart != JavaScript

Dart != JavaScript
Christian Grobmeier
http://www.grobmeier.de
@grobmeier

JavaScript „false“:

false, 0, „“,
undeﬁned, null

#1

Batterien selbst besorgen.

jQuery et al ist
Pﬂicht.

#2

Segen oder Fluch?

Keine Typen

#3

1000 und 1 Möglichkeit

Vererbung

#4

Patterns helfen:

Namespace

#5

Jeder Browser
ist ein Individuum.

#6

Nicht nett.
var a1 = new Array(1,2,3,4,5);
var a2 = new Array(5);

#7

Einer für alle.
if( a === null || a === undefined)

#8

Fallstricke.
'' == '0' // false
0 == '' // true
0 == '0' // true
false == 'false' // false
false == '0' // true

#9
false == undefined // false
false == null // false
null == undefined // true
' trn ' == 0 // true

Native VM

Dart Source

JavaScript
dart2js
Engine

Überall.

JS -> Dart
Roadcrew.js
(https://github.com/grobmeier/Roadcrew.js

Use Case
<div class="page" id="tablePage">
<h1>Table Page</h1>
<a href="#otherPage">Other</a>
</div>

<div class="page" id="otherPage">
<h1>Other Page</h1>
<a href="#tablePage">Table</a>
</div>

class RoadcrewController {
var pages;
Dart
RoadcrewController() {
// Constructor
}

void act(e) {
// Method

Class
}

void static another() {
// Static method
}
}

JavaScript

Properties kopieren
Framework extend

Vererbung

Dart
class RoadcrewController
extends C {
...
}

class C {

Vererbung
}
...

Dart
class A implements B {
...
}

abstract class B {

Interfaces
...
}

JavaScript
function Roadcrew() {
test = „blub“;
var xyz = „bla“;
}

var act = function () {

Namespace
console.log(test);
};

Dart
library Roadcrew;

import 'dart:html';

part ,RoadcrewController.dart';
part 'RoadcrewInterceptor.dart';

Namespace
part 'RoadcrewException.dart';

JavaScript
var myobj = (function() {
var name = „CG“;
return {
getName = function() {
return name;
}

Privacy
}
}());

Dart

class Roadcrew {
var _name = „CG“;
_getTest() => name;
}

Privacy

JavaScript

var test = „Christian“;
test = true;
test = 10.32;

Types

Dart

class Roadcrew {
String _name = „CG“;
String _getTest() => name;
List<DivElement> pages;
}

Types

JavaScript
function RcErr(m,c,r){}

RcErr.prototype = new Error();
RcErr.prototype.constructor = RcErr;

try {
interceptor(d, data);

Exception
} catch (error) {
...
}

Dart
class RcEx {
String msg = "An error...";
int c;
RcEx(this.msg, [this.c = 1] );
}

try {

Exception
interceptors[pageId].act(d);
} on RcEx catch(e) { }

JavaScript

pages = $('.page');
page = $('#myPage');

DOM

Dart

pages = queryAll('.page');
page = query('#myPage');

DOM

JavaScript

$("a").live(
'click',
$.proxy(this, 'goto'));

DOM

Dart

queryAll('a').forEach((el) {
el.on.click.add((e) {
goto(e);
});

DOM
});

import 'dart:isolate'; Dart
echo() {
port.receive((msg, reply) {
reply.send('I received: $msg');
});
}

main() {
var sendPort = spawnFunction(echo);

Isolates
sendPort.call('Hello').then((reply) {
print(reply);
});
}

Mehr?
Dart

I/O
JSON
Mirrors
Logging
...

Danke!

Christian Grobmeier
http://www.grobmeier.de
@grobmeier

Image Credits
Omikuji: Flickr (jessleecuizon)
Dollars: Flickr (401(K) 2012)
Pub: Flickr (ell brown)
Dog: Flickr (joshme17)
Package: Flickr (lemonhalf)
Threads: Flickr (The Big Quack)
Server: Flickr (getButterﬂy)
School Bus: Flickr (loop_oh)
Batteries: Flickr (scalespeeder)
Discussing Monks: Flickr (wonderlane)

Dart != JavaScript

More Related Content

What's hot (20)

More from Christian Grobmeier (6)

Dart != JavaScript

Editor's Notes