JSFiddle - React, Tailwind, and code Playground
JavaScript
function echo(str) {
$('#result').append(str + '<br>');
}
echo('Using static names:');
var objectWithStaticFunctionName = { 'staticFunction': function() { echo('staticFunction'); }};
echo('before staticFunction');
objectWithStaticFunctionName.staticFunction();
echo('');
echo('Using dynamic names:');
var dynamicFunctionName = 'dynamicFunction';
var objectWithDynamicFunctionName = {};
objectWithDynamicFunctionName[dynamicFunctionName] = function() { echo('dynamicFunction'); };
echo('before dynamicFunction');
objectWithDynamicFunctionName[dynamicFunctionName ]();
echo('');
echo('Using jQuery 1.6 prop() names:');
var anotherDynamicFunctionName = 'anotherDynamicFunction';
var anotherObjectWithDynamicFunctionName = $({}).prop(anotherDynamicFunctionName,function() { echo('anotherDynamicFunction'); });
echo('before anotherDynamicFunction');
try {
anotherObjectWithDynamicFunctionName[anotherDynamicFunctionName]();
}
catch(e) {
echo(e);
}
echo('');