I know I'm going to get the people who say I simply shouldn't do this, but I am curious how people accomplish it.
I know I've seen where you can type the name of a property and get one value, but then you add the parenthesis to the end and it accesses a method.
Visually, I'm saying this:
foo returns 'bar'
foo() performs a function
The question is how?
This isn't possible, due to how properties are resolved on objects. This is the only thing that comes remotely close:
function f() {
return 'I am being returned from the function.';
}
f.toString = function () {
return 'I am a property on the variable.';
}
console.log('f() says: ' + f());
console.log('f says: ' + f);It relies on the fact that JS typecasts functions via the .toString method in certain scenarios.
This can kind of be done with valueOf
var foo = function() {
console.log("From Function");
return "Function";
};
foo.valueOf = function() {
return "Variable";
};
alert( 'Output is: ' + foo() )
alert( 'Output is: ' + foo )This cannot be done with JavaScript because item in an object can be two different objects.
If you want a property to be a function and an object, that's different
var x = 1; x.newProp = "something"; and then check the value of x.newProp. Not everything in JavaScript is an object. But all functions are.Note, workaround utilizing setTimeout
var foo = (function() {
var fn = function() {
return foo && typeof foo === "string" ? function() {
return "foobar"
} : "bar";
};
setTimeout(function() {
foo = fn()
});
return fn()
}());
console.log(foo); // `"bar"`
setTimeout(function() {
console.log(foo()); // `"foobar"`
});
fn()and alsofn.prop1.)valueOf()andtoString(), it can't be done in a universal way.