ES6 arrow-functions in deepth

es6-arrow-functions-in-deepth.md

ES6 arrow-functions in deepth

https://wesbos.com/arrow-functions/

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions#

const implicit = (a) => {
    a = a + 1;
    return a;
}


const implicitX = x => x = x + 1;


const implicit = (a) => {
    a = a + 1;
    let b = a * a;
    return b;
}



const implicitY = y => y = (y + 1) * (y + 1);

implicitY(2);
// 9

/* 当删除大括号时，它将是一个隐式的返回值，这意味着我们不需要指定我们返回*/




const implicitA = y => {y = (y + 1) * (y + 1);};

implicitA(2);
// undefined

/* 当有大括号时，我们需要指定返回一个显示的返回，*/




https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions#


// 如果箭头函数 有多个参数, 必须使用 ()圆括号:

const multi_params = (a, b) => {
    let sum = a + b;
    console.log(sum);
};


multi_params(1, 2);
// 3



// 如果箭头函数 无参数, 必须使用 ()圆括号或者 _下划线:


_ => { statements; }

const multi_X = _ => {
    let sum = a + b;
    console.log(sum);
};


multi_X(1, 2);
// Uncaught ReferenceError: a is not defined

ECMA 262 6th

https://cdn.xgqfrms.xyz/offical-docs/ECMA/ECMA-262%206th%20edition%20June%202015.pdf

page 244

https://learn.jquery.com/using-jquery-core/document-ready/
https://davidwalsh.name/element-matches-selector

<ul id="parent-list">
    <li id="post-1">Item 1</li>
    <li id="post-2">Item 2</li>
    <li id="post-3">Item 3</li>
</ul>

// Get the element, add a click listener...
document.getElementById("parent-list").addEventListener("click", function(e) {
    // e.target is the clicked element!
    // If it was a list item
    if(e.target && e.target.nodeName == "LI") {
        // List item found!  Output the ID!
        console.log("List item ", e.target.id.replace("post-", ""), " was clicked!");
    }
});



// Get the parent DIV, add click listener...
document.getElementById("myDiv").addEventListener("click",function(e) {
    // e.target was the clicked element
    if (e.target && e.target.matches("a.classA")) {
        console.log("Anchor element clicked!");
    }
});

https://believezjp.github.io/garden/24%E7%A7%8Dinput%E8%BE%93%E5%85%A5%E6%A1%86%E8%81%9A%E7%84%A6%E5%8A%A8%E7%94%BB%E7%89%B9%E6%95%88/index.html

https://davidwalsh.name/element-matches-selector
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/matches

No Arguments with Arrow Functions & Arrow Functions are Always Anonymous Functions

https://wesbos.com/arrow-functions/

https://facebook.github.io/jest/docs/en/using-matchers.html

https://github.com/jmcunningham/AngularJS2-Learning#books

https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html

https://developers.google.com/web/progressive-web-apps/

http://2ality.com/2014/09/es6-modules-final.html

https://webpack.js.org/guides/tree-shaking/

http://exploringjs.com/es6/ch_modules.html#static-module-structure

http://wesbos.com/category/javascript/

Todo:

React
Angular2

ES6

https://facebook.github.io/jest/docs/en/using-matchers.html