На счет ECMAScript. ES6

[Alex11223]

Сообщение от Вадим Мошев

Ведь это же возможность языка программирования, а операция над кодом

так я про сборку кода/фронтенда (WebPack, ...), а не язык.

[Fenex]

Сообщение от Человек_Борща

зачем прикручивать что-то, когда можно просто написать один и тот же код, понятным языком для всех и оно точно будет работать и на старых браузерах и на новых, и подаваться нормальной отладке и анализу до кучи оно работать будет быстрее. Молчу уже про всякие webpack которые грузят и задействуют туеву хучу ресурсов чтобы транслировать[ тебе максимум 20 файлов твоего кода (а то и всего проекта) на новомодном-современном (ES2015, ES6, ES7, что-там ещё?) в истинно-православный js.

Зачем? Просто напиши нормально, и это просто будет работать где угодно и как задумано тобой.

Если бы люди думали такой логикой, прогресс был бы нулевым. И писали бы мы сейчас все программы без исключения на истинном и православном Си. Чистом Си. Без плюсов.

[pompiduskus]

Сообщение от Вадим Мошев

Я правильно понимаю, что ...

Если не вдаваться в подробности, то все верно.
В основном, проблема в облости видемости. (scope).

А "let" и другие "переводят", это декларирование в другое русло. И переменная ведет себя по другому.

На самом деле, это жесть, если вдуматься.

[Человек_Борща]

переменная x будет видна за пределами оператора if. Для C++ такое не будет верным. Я верно понимаю, что того эффекта в JS можно достичь с помощью директивы let?

да, верно, например в таком коде цикличная i никак не повлияет на i в глобальном контексте.

let i = 50;
let j = 5;
$('#c').append(`<p>global i = ${i}</p>`);
for (let i = 0; i < j; i++) {
$('#c').append(`<p>i = ${i}</p>`);
}
$('#c').append(`<p>global i again = ${i}</p>`);

https://jsfiddle.net/p961wmqb/1/

То есть теперь, чтобы получить "мульистроку", мы можем разбить строковый литерал на несколько строк?

да, просто:

console.log(`
многострочность:
строка 1
строка 2
строка 3
..
и никаких \\n
`);

[rlib]

Сообщение от pompiduskus

Только про прочитал на хабре интересную статью, про новые фишки ECMы.
В целом, очень даже ничего. Но некоторые вещи просто жесть. Может я старею.

Это из статьи.

ВАРИАНТ [1]: ES5

PHP код:


function settings() {
  return { display: { color: 'red' }, keyboard: { layout: 'querty'} };
}

var tmp = settings();
var displayColor = tmp.display.color;
var keyboardLayout = tmp.keyboard.layout;

console.log(displayColor, keyboardLayout); // red querty 


ВАРИАНТ [2]: ES6
<<То же самое (но короче):>> говорит автор.

PHP код:


function settings() {
  return { display: { color: 'red' }, keyboard: { layout: 'querty'} };
}

const { display: { color: displayColor }, keyboard: { layout: keyboardLayout }} = settings();

console.log(displayColor, keyboardLayout); // red querty 


Хотелось бы услышать ваше мнение. Какой код вам больше нравится ?

// https://habrahabr.ru/post/313526/

Пишу джва года на ноде алготрейдинговую систему, даже не знаю как раньше писали без ЕС6.


Es6:

function fetchAsync (url, timeout, onData, onError) {
    …
}
let fetchPromised = (url, timeout) => {
    return new Promise((resolve, reject) => {
        fetchAsync(url, timeout, resolve, reject)
    })
}
Promise.all([
    fetchPromised("http://backend/foo.txt", 500),
    fetchPromised("http://backend/bar.txt", 500),
    fetchPromised("http://backend/baz.txt", 500)
]).then((data) => {
    let [ foo, bar, baz ] = data
    console.log(`success: foo=${foo} bar=${bar} baz=${baz}`)
}, (err) => {
    console.log(`error: ${err}`)
})

старенькая :

function fetchAsync (url, timeout, onData, onError) {
    …
}
function fetchAll (request, onData, onError) {
    var result = [], results = 0;
    for (var i = 0; i < request.length; i++) {
        result[i] = null;
        (function (i) {
            fetchAsync(request[i].url, request[i].timeout, function (data) {
                result[i] = data;
                if (++results === request.length)
                    onData(result);
            }, onError);
        })(i);
    }
}
fetchAll([
    { url: "http://backend/foo.txt", timeout: 500 },
    { url: "http://backend/bar.txt", timeout: 500 },
    { url: "http://backend/baz.txt", timeout: 500 }
], function (data) {
    var foo = data[0], bar = data[1], baz = data[2];
    console.log("success: foo=" + foo + " bar=" + bar + " baz=" + baz);
}, function (err) {
    console.log("error: " + err);
});

[come-on]

Es6 .. старенькая

что то особо разницы и не увидел

[rlib]

Сообщение от come-on

что то особо разницы и не увидел

for(std::vector<T>::iterator it = x.begin(); it != x.end(); i++)
{
   it->something();
}

for(auto it = x.begin(); it != x.end(); i++)
{
   it->something();
}

Тут тоже немного разницы, но ведь приятно

[pompiduskus]

Да. Разница есть. Вот такие реальные примеры воспринемаются лучше. Сразу понятна разница.

[come-on]

где вы разницу видите о_О
я вижу в скрипте разницу в подходе а не в языке, в си или что там.. даже не смотрю

[rlib]

Сообщение от come-on

где вы разницу видите о_О
я вижу в скрипте разницу в подходе а не в языке, в си или что там.. даже не смотрю

Старое:

app.post("/purchase", (req, res) => {
    user.findOne(req.body, (err, userData) => {
        if (err) return handleError(err);
        permissions.findAll(userData, (err2, permissions) => {
            if (err2) return handleError(err2);
            if (isAllowed(permissions)) {
                transaction.process(userData, (err3, confirmNum) => {
                    if (err3) return handleError(err3);
                    res.send("Your purchase was successful!");
                });
            }
        });
    });
});

ES6:

import co from 'co';
app.post("/purchase", (req, res) => {
    co(function* () {
        const person = yield user.findOneAsync(req.body);
        const permissions = yield permissions.findAllAsync(person);
        if (isAllowed(permissions)) {
            const confirmNum = yield transaction.processAsync(user);
            res.send("Your transaction was successful!")
        }
    }).catch(err => handleError(err))
});

Тут тоже разные подходы?