Day: November 2, 2022

What are Arrow Functions in JavaScript / ECMAScript 6?

Arrow functions are a simplified short hand method for creating anonymous functions.

Older ES5 JavaScript example:

function setup() {
    createCanvas(600, 400);
    background(0);
    let button = createButton('press')
    button.mousePressed(changeBackground);

    function changeBackground() {
        background(random(255));
    }
}

New ES6 JavaScript Example

function setup() {
    createCanvas(600, 400);
    background(0);
    let button = createButton('press')
    button.mousePressed(() => background(255)));
}

Anonymous Function written as Arrow Function:

() => background(255))

Video: ES6 Arrow Function

Just a very short blog jot for today as I’m busy working on a Salesforce.com data analysis tool / system.

Since this is a very low budget project, I’m hand coding everything using Notepad++ and VBScript to create a dynamic web application in old school Acitve Server Pages (ASP) that can consume the analytic data that my system stored on a MS Access database.

Again, low budget. Me and my wits pounding out code.

I ran in to an issue where the web page is calling a JavaScript that passes two variables to an Ajax call to load a Chart.js bar chart in a popup window. 

It was working great but the page that had the onlick event to load the popup chart was reloading as well when clicked instead of just loading the popup window with the chart.

What’s the fix?

Add “return false;” at the like in the example below and the page containing the onclick link should stop reloading when clicked.

Old Code

<a href="#" OnClick="getChart('John Smith', '2017-01');">John Smith</a>

New Code

<a href="" OnClick="getChart('John Smith', '2017-01');return false;">John Smith</a>

I always give credit to the people who helped me find the answer.  I had found the answer in the stackoverflow page below.

https://stackoverflow.com/questions/17680436/how-to-prevent-reload-with-onclick-without