ES6 - Revision history

M: /* Destructuring */

2020-09-26T19:05:37Z

Destructuring

← Older revision		Revision as of 19:05, 26 September 2020
Line 25:		Line 25:
	const nameChange = ({ target: { value }}) => setName( value );		const nameChange = ({ target: { value }}) => setName( value );
	* Using destructuring to extract some properties along with a "copy" that does not have them, and extract others that remain in the copy (example helps!):		* Using destructuring to extract some properties along with a "copy" that does not have them, and extract others that remain in the copy (example helps!):
	// setObject will include ~~have~~ name and status, but not _id.		// setObject will include name and status, but not _id.
	// _id, name and status have all been destructured and are available for use.		// _id, name and status have all been destructured and are available for use.
	const { _id, ...setObject } = data;		const { _id, ...setObject } = data;

M: /* Destructuring */

2020-09-26T19:05:22Z

Destructuring

← Older revision		Revision as of 19:05, 26 September 2020
Line 24:		Line 24:
	* Deeper destructure:		* Deeper destructure:
	const nameChange = ({ target: { value }}) => setName( value );		const nameChange = ({ target: { value }}) => setName( value );
			* Using destructuring to extract some properties along with a "copy" that does not have them, and extract others that remain in the copy (example helps!):
			// setObject will include have name and status, but not _id.
			// _id, name and status have all been destructured and are available for use.
			const { _id, ...setObject } = data;
			const { name, status } = data;

	==== Backtick strings ====		==== Backtick strings ====

M: /* ESlint */

2020-09-20T13:39:48Z

ESlint

← Older revision		Revision as of 13:39, 20 September 2020
Line 31:		Line 31:
	const desc = 'Use single-quotes if you don\'t need variables, if you want to make eslint happy.';		const desc = 'Use single-quotes if you don\'t need variables, if you want to make eslint happy.';

	==== [[~~ESlint~~]] ====		==== [[Eslint]] ====
	[[~~ESlint~~]] will keep you honest while adopting all the new goo.		[[Eslint]] will keep you honest while adopting all the new goo.

M: /* ESLint */

2020-09-20T13:39:18Z

ESLint

← Older revision		Revision as of 13:39, 20 September 2020
Line 31:		Line 31:
	const desc = 'Use single-quotes if you don\'t need variables, if you want to make eslint happy.';		const desc = 'Use single-quotes if you don\'t need variables, if you want to make eslint happy.';

	==== [[~~ESLint~~]] ====		==== [[ESlint]] ====
	[[~~ESLint~~]] will keep you honest while adopting all the new goo.		[[ESlint]] will keep you honest while adopting all the new goo.

M at 13:39, 20 September 2020

2020-09-20T13:39:01Z

← Older revision		Revision as of 13:39, 20 September 2020
Line 30:		Line 30:
	But silly ESlint will bitch if you use them for string literals. Ok fine!		But silly ESlint will bitch if you use them for string literals. Ok fine!
	const desc = 'Use single-quotes if you don\'t need variables, if you want to make eslint happy.';		const desc = 'Use single-quotes if you don\'t need variables, if you want to make eslint happy.';

			==== [[ESLint]] ====
			[[ESLint]] will keep you honest while adopting all the new goo.

M at 13:35, 20 September 2020

2020-09-20T13:35:45Z

@@ Line 1: / Line 1: @@
 ==== Arrow functions ====
 Simplified functions that have no this pointer.
@@ Line 22: / Line 24: @@
 * Deeper destructure:
   const nameChange = ({ target: { value }}) => setName( value );

M: /* Arrow functions */

2020-09-20T13:32:00Z

Arrow functions

← Older revision		Revision as of 13:32, 20 September 2020
Line 1:		Line 1:
	==== Arrow functions ====		==== Arrow functions ====
	~~Simple things~~ that have no this pointer~~. People love them. Whatever~~.		Simplified functions that have no this pointer.
	const myfunc = onevar => {		const myfunc = onevar => {
	console.log( onevar );		console.log( onevar );

M: Created page with "==== Arrow functions ==== Simple things that have no this pointer. People love them. Whatever. const myfunc = onevar => { console.log( onevar ); }; const myfunc = (..."

2020-09-20T13:31:28Z

Created page with "==== Arrow functions ==== Simple things that have no this pointer. People love them. Whatever. const myfunc = onevar => { console.log( onevar ); }; const myfunc = (..."

New page

==== Arrow functions ====
Simple things that have no this pointer. People love them. Whatever.
const myfunc = onevar => {
console.log( onevar );
};

const myfunc = ( v1, v2 ) => {
console.log( `v1 = ${v1}, v2 = ${v2}` );
};

// One liners are simple, no curly braces or return statement needed:
const doubleIt = onevar => onevar * 2;

==== Destructuring ====
* Destructure internal variables with curly braces on left side:
const { internalprop1, prop2 } = myobj;
* Arrow + destructure:
const myFuncThatTakesOneObjectParam = ({ id, name, desc }) => {
console.log( id, name, desc );
};
myFunc( { id: 2, name: 'internal name', desc: 'My desc' } );
* Deeper destructure:
const nameChange = ({ target: { value }}) => setName( value );