new JavaScript

Самый популярный

загадочный субъективный параметр

время, затраченное на поиск официальной версии логотипа

В каждом браузере

В JavaScript нет

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

Function — это объект
Object — это функция

two = 2;
yes = true;
obj = {};
str = "hello";
arr = [];
nop = function () {};
rex = /dog/;
now = new Date;

> typeof Date
"function"
> Date()
"Wed Oct 17 2012 18:13:52
GMT+0700 (NOVT)"
> new Date()
Wed Oct 17 2012 18:13:54
GMT+0700 (NOVT)

> typeof Date()
"string"
> typeof (new Date())
"object"

two.constructor == Number;
yes.constructor == Boolean;
obj.constructor == Object;
str.constructor == String;
arr.constructor == Array;
nop.constructor == Function;
rex.constructor == RegExp;
now.constructor == Date;

function Person(first, last) {
this.firstName = first;
this.lastName = last;
}

var bob = new Person('Bob');
bob.firstName; // 'Bob'

> bob.constructor === Person
true
> bob instanceof Person
true

> empty = {}
▸ Object
> empty.constructor
function Object() { ... }
> empty.toString()
"[object Object]"

> empty = {}
▾ Object
▾ __proto__: Object
...
▸ constructor: function...
▸ isPrototypeOf: function...
▸ toString: function...
▸ valueOf: function...
...

> zen = Object.create(null)
▾ Object
No Properties
> zen instanceof Object
false
> typeof zen
"object"

person = Object.create(null);
person.fullName = function () {
return this.firstName + ' '
+ this.lastName;
};

man = Object.create(person);
man.sex = 'male';

bob = Object.create(man);
bob.firstName = 'bob';
bob.lastName = 'smith';

bob.sex; // 'male'
bob.fullName(); // 'bob smith'

> bob
▾ Object
firstName: "bob"
lastName: "smith"
sex: "male"
▸ fullName: function...

null

person
fullName function () { ... }

man
sex "male"

bob
firstName "bob"
lastName "smith"

this.fullName = function () {
+ this.lastName;
}
}

alice
firstName "alice"
lastName "jones"
fullName function () ...

bob
firstName "bob"
lastName "smith"

}

Person.prototype.fullName =
function () {
+ this.lastName;
}

Person.prototype

alice
firstName "alice"
lastName "jones"
bob
firstName "bob"
lastName "smith"

Объекты первого класса

function foo() {
return 'FOO';
}

var bar = foo;
bar(); // 'FOO'

function baz(f) {
return f();
}

baz(foo); // 'FOO'

function quux() {
return foo;
}

quux()(); // 'FOO'

var code = 'return "FOO"'

var foo = new Function(code);
foo(); // 'FOO'

Область видимости переменных

function fred(x) {
var a = 10;
return a * x;
}

var a = 3;
fred(5); // 50
console.log(a); // 3

function fred(x) {
/*no var*/ a = 10;
return a * x;
}

var a = 3;
fred(5); // 50
console.log(a); // 10

Person.prototype.fullName =
function () {
+ this.lastName;
}

bob = new Person('bob');
bob.fullName();
// 'bob undefined'

xavier = {
firstName: 'xavier',
lastName: 'sanchez'
};

xavier.fullName(); // error!

xavier.fullName =
Person.prototype.fullName;

xavier.fullName();
// 'xavier sanchez'

Person.prototype
.fullName
.call(xavier);
// 'xavier sanchez'

function Logger(s) {
s.on('data', function (d) {
this.log(d);
});
}

Logger.prototype.log =
function (data) {
console.log(new Date, data);
}

this.log(d);
});
}

var that = this;
that.log(d);
});
}

s.on('data',
Logger.prototype
.log.bind(this));
}

jifasnif

@stevebest
https://github.com/stevebest

new JavaScript

More Related Content

What's hot (20)

Viewers also liked (9)

Similar to new JavaScript (20)

new JavaScript