Migrating to modern javascript - Revision history

Arvind: Arvind moved page MIgrating to modern javascript to Migrating to modern javascript: Capitalisation error in title

2020-03-22T04:59:10Z

Arvind moved page MIgrating to modern javascript to Migrating to modern javascript: Capitalisation error in title

← Older revision	Revision as of 04:59, 22 March 2020
(No difference)

Steve at 00:20, 22 March 2020

2020-03-22T00:20:07Z

← Older revision		Revision as of 00:20, 22 March 2020
Line 20:		Line 20:
	\|		\|
	<syntaxhighlight lang="javascript" style="white-space:nowrap">		<syntaxhighlight lang="javascript" style="white-space:nowrap">
	for (var acnon=0;acnon<acnos.length;++acnon) {		for (var acnon = 0; acnon < acnos.length; ++acnon) {
	var acno=acnos[acnon].split(sm)		var acno = acnos[acnon].split(sm)
	if (acno[1])		if (acno[1])
	acno=acno[1]		acno = acno[1]
	else if (acno[0]) {		else if (acno[0]) {
	//acno="."+acno[1]		//acno="."+acno[1]
	acno="."+acno[0]		acno = "." + acno[0]
	} else {		} else {
	acno=''		acno = ''
	}		}
	acnos[acnon]=acno		acnos[acnon] = acno
	}		}
	</syntaxhighlight>		</syntaxhighlight>
	\|		\|
	<syntaxhighlight lang="javascript" class="nowrap">		<syntaxhighlight lang="javascript" class="nowrap">
	acnos=acnos.map(acno => {		acnos = acnos.map(acno => {
	~~let acno~~=acno.neosyssplit(sm)		const acno2 = acno.neosyssplit(sm)
	if (~~acno~~[1])		if (acno2[1])
	return ~~acno~~[1]		return acno2[1]
	~~else~~ if (~~acno~~[0]) {		else if (acno2[0]) {
	//~~acno=~~"."+~~acno~~[1]		//return "."+acno2[1]
	return "."+~~acno~~[0]		return "." + acno2[0]
	~~else~~ {		} else {
	return ''		return ''
	}		}
	})		})
	</syntaxhighlight>		</syntaxhighlight>

Steve at 21:04, 21 March 2020

2020-03-21T21:04:08Z

← Older revision		Revision as of 21:04, 21 March 2020
Line 47:		Line 47:
	})		})
	</syntaxhighlight>		</syntaxhighlight>
	}

Steve at 21:01, 21 March 2020

2020-03-21T21:01:42Z

← Older revision		Revision as of 21:01, 21 March 2020
Line 4:		Line 4:

	On the routine programming side this page will contain a list of the possible improvements in programming style that can be used when adding new code to the NEOSYS javascript code base.		On the routine programming side this page will contain a list of the possible improvements in programming style that can be used when adding new code to the NEOSYS javascript code base.

			== Using map function instead of time honoured "for loop over array" ==
			*The purpose of the new "map" function is to convert every element of an array by using a given function. map doesn't actually touch the old array but rather outputs a new array. If you immediately assign the output of the map function into the old array then the end result is a conversion, not a creation.

			*The old ugly "for loop" syntax is replaced by the new beautiful "map" syntax. Both are equally incomprehensible in plain language.

			*Think of the '''"acno => {"''' is the new style shorthand meaning "'''function anonymous(acno) {"'''

			*"=>" is known as an "arrow function" in javascript. In the rest of the programming world they are known as "lamda" function or in plain language "anonymous functions" since they have no function name.
	{\| class="wikitable"		{\| class="wikitable"
	\|+~~Using map function instead of time honoured "for loop over array"~~		\|+
	!Old		!Old
	!New		!New
	~~!Comments~~
	\|-		\|-
	\|for (var acnon=0;acnon<acnos.length;++acnon) {		\|
	var acno=acnos[acnon].split(sm)		<syntaxhighlight lang="javascript" style="white-space:nowrap">
	if (acno[1])		for (var acnon=0;acnon<acnos.length;++acnon) {
			var acno=acnos[acnon].split(sm)
			if (acno[1])
	acno=acno[1]		acno=acno[1]
	else if (acno[0]) {		else if (acno[0]) {
	//acno="."+acno[1]		//acno="."+acno[1]
	acno="."+acno[0]		acno="."+acno[0]
	} else		} else {
	acno=~~<nowiki>~~''~~</nowiki>~~		acno=''
	acnos[acnon]=acno		}
	}<br />		acnos[acnon]=acno
	\|acnos=acnos.map(acno => {		}
	~~acno~~=acno.neosyssplit(sm)		</syntaxhighlight>
	if (acno[1])		\|
			<syntaxhighlight lang="javascript" class="nowrap">
			acnos=acnos.map(acno => {
			let acno=acno.neosyssplit(sm)
			if (acno[1])
	return acno[1]		return acno[1]
	~~else~~ if (acno[0]) {		else if (acno[0]) {
	//acno="."+acno[1]		//acno="."+acno[1]
	return "."+acno[0]		return "."+acno[0]
	~~else~~		else {
	return ~~<nowiki>~~''~~</nowiki>~~		return ''
			}
	})		})
	\|		</syntaxhighlight>
	* The purpose of the new "map" function is to convert every element of any array by using a function. map doesn't actually touch the old array but rather outputs a new array. Of course you are free to immediately replace the old array with the new array ... so the end result is a conversion, not a creation.		}

	* The old ugly "for loop" syntax is replaced by the new beautiful "map" syntax. Both are equally incomprehensible in plain language.

	* Think of the '''"acno => {"''' is the new style shorthand meaning "'''function anonymous(acno) {"'''

	* "=>~~" is known as an "arrow function" in javascript. In the rest of the programming world they are known as "lamda" function or in plain language "anonymous functions" since they have no function~~
	\|-
	\|
	\|
	\|
	\|-
	\|
	\|
	\|
	\|}

Steve: Created page with "In 2015 the new "ES6" version of javascript introduced a many fundamental and routine improvements in the language. The concept of "modules" allows the packaging up a group o..."

2020-03-21T17:56:52Z

Created page with "In 2015 the new "ES6" version of javascript introduced a many fundamental and routine improvements in the language. The concept of "modules" allows the packaging up a group o..."

New page

In 2015 the new "ES6" version of javascript introduced a many fundamental and routine improvements in the language.

The concept of "modules" allows the packaging up a group of associated functions so that they have their own module scope variables that do not interfere with the standard global variables. NEOSYS may be refactored to take advantage of the protection that this brings and it will allow the introduction of industry standard libraries without those libraries conflicting with NEOSYS scripts. NEOSYS currently does not use any libraries since it was created long before any javascript libraries existed.

On the routine programming side this page will contain a list of the possible improvements in programming style that can be used when adding new code to the NEOSYS javascript code base.
{| class="wikitable"
|+Using map function instead of time honoured "for loop over array"
!Old
!New
!Comments
|-
|for (var acnon=0;acnon<acnos.length;++acnon) {
var acno=acnos[acnon].split(sm)
if (acno[1])
acno=acno[1]
else if (acno[0]) {
//acno="."+acno[1]
acno="."+acno[0]
} else
acno=<nowiki>''</nowiki>
acnos[acnon]=acno
}<br />
|acnos=acnos.map(acno => {
acno=acno.neosyssplit(sm)
if (acno[1])
return acno[1]
else if (acno[0]) {
//acno="."+acno[1]
return "."+acno[0]
else
return <nowiki>''</nowiki>
})
|
* The purpose of the new "map" function is to convert every element of any array by using a function. map doesn't actually touch the old array but rather outputs a new array. Of course you are free to immediately replace the old array with the new array ... so the end result is a conversion, not a creation.

* The old ugly "for loop" syntax is replaced by the new beautiful "map" syntax. Both are equally incomprehensible in plain language.

* Think of the '''"acno => {"''' is the new style shorthand meaning "'''function anonymous(acno) {"'''

* "=>" is known as an "arrow function" in javascript. In the rest of the programming world they are known as "lamda" function or in plain language "anonymous functions" since they have no function
|-
|
|
|
|-
|
|
|
|}