JSFiddle - React, Tailwind, and code Playground

by kvzhuang

JavaScript

function fn1( value ){
    console.log( value );
}

function fn2( value ){
    fn1("fn2 says:" + value);
    return false;
}
var callbacks = $.Callbacks( "unique" );
callbacks.add( fn1 );
callbacks.fire( "foo" );
callbacks.add( fn1 ); // repeat addition
callbacks.add( fn2 );
callbacks.fire( "bar" );
callbacks.remove( fn2 );
callbacks.fire( "foobar" );
 console.log( "===================");
/*
output:
foo             //1st fire

bar             //2rd fire 
fn2 says:bar

foobar          //3rd fire
*/
var callbacks2 = $.Callbacks(  );
callbacks2.add( fn1 );
callbacks2.fire( "foo" );
callbacks2.add( fn1 ); // repeat addition
callbacks2.add( fn2 );
callbacks2.fire( "bar" );
callbacks2.remove( fn2 );
callbacks2.fire( "foobar" );
/*
output
foo       //1st fire

bar       //2rd fire
bar
fn2 says:bar

foobar   //3rd fire
foobar
*/