Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > Javascript > jQuery Overloading Strategy -- What Not To Do

Reply
Thread Tools

jQuery Overloading Strategy -- What Not To Do

 
 
dhtml
Guest
Posts: n/a
 
      09-15-2011
On Sep 15, 1:23*pm, Scott Sauyet <scott.sau...@gmail.com> wrote:
> dhtml *wrote:
> > Scott Sauyet wrote:
> >> dhtml wrote:
> >>> Scott Sauyet wrote:
> >>>> Do you think all overloading in JS is a problem? *

> > [...]

>
> >> The implementation of overloaded methods is of course problematic, and
> >> the only justification I can see for it is in *perceived* API
> >> simplicity. *
> >> [ ... ill-considered 'getVal'/'setVal' example removed ... ]

>
> > Name 'getVal' is a contrived plastic example. Methods that are well-
> > named, simple, self-documenting. Obviates the need for documentation.

>
> Sorry, I wasn't thinking about it that way. *I was thinking about
> jQuery's "val" function which is both an accessor and mutator for it's
> objects wrapping INPUT and SELECT elements.
>


Oh, duh. (what's the emoticon for "foot in mouth"?)

> A cleaner example would be, say, `height`.
>
> It's certainly a debatable point as to whether the `setHeight`/
> `getHeight` pair is more complicated than a single `height` function,
> but if nothing else, the latter has fewer symbols to remember.
> Perhaps it's slightly easier to learn with the `set/get` versions, but
> it's no easier to use, and the complexity of implementation is not
> significantly different.


OK, though I'm not sure if I need both of those methods.

>
> So my question was really whether you objected to that sort of
> overloading. *Or perhaps even if you object as strenuously to that
> sort of overloading as you do to, say, the overloading of the main
> jQuery function.
>

Well the jQuery function itself has more overloading, so complexities.

[...]
> I really am talking about pros and cons. *In one very naive way, it's
> almost tautological that an API with a single function is simpler than
> one with two functions. *So there is at least one pro to an API that
> can be used this way:
>
> * * var r = new Rectangle(20, 10);
> * * alert(r.area()); // 200
> * * r.height(15);
> * * alert(r.area()); // 300
> * * alert(r.height()) // 15
>
> over one that works like this:
>
> * * var r = new Rectangle(20, 10);
> * * alert(r.calculateArea()); // 200
> * * r.setHeight(15);
> * * alert(r.calculateArea()); // 300
> * * alert(r.getHeight()) // 15
>
> Do you object to the single-function API?
>

Depends on the usage. It might make sense to have r.getDimensions
return an object {x: n, y: n}.

> >> My question is whether this vague and fuzzy feeling that the single-
> >> functioned API is simpler could ever be enough of a reason for
> >> complicating the implementation. *I'm entirely mixed on this. *I'mall
> >> for complicating implementation to simplify an API. *But

>
> > But an API to do what?

>
> Whatever. *If I want to use an API to handle a certain facet of my
> system, I would rather have a simple API. *If I want to read a file
> into a String using Ruby, it's as simple as
>
> * * text = File.read(file_name)


Synchronous file reads are problematic.

[...]

> >>> Methods that do more than one thing are more complicated.

>
> >> Yes, but so are objects that do more than one thing. *The question is
> >> whether that complication is ever justified.

>
> > Objects have more than one behavior. An object is a set of (hopefully
> > well-named) properties and/or methods. Methods shouldn't.

>
> That's just restating your objection. *Do you think overloading is
> never justified?
>
> > Take a panel, for example, might have "show" ahdn "hide". Now you
> > could potentially make a method that does both:

>
> > e.g. setDisplay(bShow);

>
> > But what for? That just means that the API needs documentation,
> > whereas someting like "show" -- do you get what that should do?

>
> Can `show` be animated? *Do you need a parameter that describes what
> animation to use? *How about the duration? *And if it's animated,
> could I also supply a callback to run when it's done? *If we have an
> API that uses `show` to handle a plain change to visibility, a simply
> animated one, or one that's animated with a followup callback, is this
> somehow more complicated than an API like this?:
>
> * * show()
> * * animatedShow("fadeIn", 600)
> * * animatedShowWithCallback("slideUp", 400, function()
> {doSomething();})
>
> Yes, the implementation of a single "show" function to handle these
> possibilities is more difficult than any individual one of the above
> would be, but the total code is not likely to be much harder. *This
> extended API is clearly more difficult to remember. *I would argue
> that it's more difficult to use as well.
>
> > With method overloading, as seen in jQuery, the approach is to try to
> > figure out how to dynamically dispatch the desired behavior, and then
> > do that in a dynamic environment (browser) where anything is expected
> > to be passed in. It's the "setDisplay" on a grand scale, with host
> > object, determination of string contents to dispatch behavior, all
> > kinda thing. [ ... ]

>
> Yes, I really don't like that style. *I think a great deal of jQuery's
> overloading is horrible. *I just don't agree that all overloading is
> bad.
>
> > That's a terrible strategy for developing methods. *Methods should
> > know what type of parameter is going to being passed in. [ ... ]

>
> I have another case that I'm using a lot in my current project.
>
> * * var handleXYZ = function(param) {
> * * * each(makeArray(param), function(item) {
> * * * * doSomething(item);
> * * * });
> * * };
>
> I receive (from an external source) references that might be single
> elements of, say, Strings or might be an array of Strings. *I write a
> single function to handle either case and use a `makeArray` function
> to handle them uniformly in my code. *Would you suggest that I should
> have a separate `handleMultipleXYZs` function? *Because the original
> source of these things is outside my control, using such would
> necessitate sprinkling `isArray` checks over all the code that calls
> these functions rather than centralizing it in the one function. *Do
> you really object to that sort of overloading?
>
> >https://groups.google.com/group/comp...g/5392683d5088...

>
> One of the very first threads I read here! *
>
> >>> A get/set method, as you've described, does one of two things: 1)
> >>> either return something or 2) have side effects are inherently more
> >>> complex than methods that do one thing.

>
> >>> The SOLID principles, and I'm thinking of SRP now, can keep code
> >>> clean, simple, easy to understand, predictable. *SRP is a good
> >>> guideline for designing methods, generally.

>
> >> SRP is a guideline for designing class of objects, not for defining
> >> libraries. *

>
> > SRP is a design principle. It is for designing libraries. I suggest
> > you do a little more research.

>


Sorry, that was a bit abrasive, but point being, the principle can be
applied not just to Objects, but to methods.

> Saying that an object should have a single responsibility does not
> carry over to the design of a library. *I don't think it's easy to
> assign a single responsibility to C++'s Standard Template Library;
> there's just too much going on there. *But the point is that a library
> is not an object. *Yes, jQuery works with it's own objects which are
> essentially wrapped sets of DOM elements, but in the end, it's mostly
> a collection of functions that can run against such a wrapped
> collection. *There would be little fundamental difference if these
> functions were stand-alone utilities that ran against arrays of DOM
> elements. *In essence, don't try to think of the jQuery API as you
> would an object in an OO system; it's simply not that sort of
> interface.
>

Well, it sort of is because when a query is made, there is a factory
to create a jQuery object (which is a collection), then methods to
operate on that object.

> And a collection of functions does not necessarily have a single
> responsibility.


I'm thinking of the type of function that does one thing vs the type
of function that does many things. The function that does one thing is
going to be a lot easier to debug.

>
> >> [ ... ]

> > Methods that do multiple things are inherently more complex and so
> > harder to debug.

>
> But it's hard to draw the line between doing multiple things and doing
> one thing with multiple variations.


Sometimes it can be. like boolean parameters, for example (which
again, I'm not a fan of). For example `useCapture` stinks. It's a
boolean parameter for a capturing phase. Listening to either phase is
mutually exclusive to its counterpart.

I don't see the SRP as a strict "rule" but as a useful guideline.

[...]

>
> > You can't have both?

>
> When you can, of course you should. *But the two are often at odds. *I
> will usually come down on the side of keeping the API cleaner and
> letting the implementation get uglier when necessary. *Would you
> prefer the reverse?
>

I disagree with the premise; I think it's a false dichotomy.

I also think that in javascript for the web, most times what can be
done with events, closures, object literals, you won't be using all of
the traditional OOP getters and setters -- those just add cruft.

I'd like to get and look at some actual code other than jQuery.

Here is an example of some code that I wrote. I see so many places in
my own code where it the code is too complicated and the interface is
too clunky. No bragging here, just some code that I'm fairly familiar
with.

https://github.com/GarrettS/ape-java...er/Scroller.js

The public interface is:
APE.widget.Scroller.getById(id, timeDuration, vertical);

`id` is the id of the widget.
`timeDuration` is optional and has a default.
`vertical` is a boolean argument. Again, I don't like boolean
arguments because they're usually poor descriptors. But that's what I
wrote. If I were to change it, I'd make the script figure out if it is
a vertical scroller by looking at the element's className.

Now on that factory pattern, I remember teh last time I showed you
that pattern that you thought it was too complicated. So what I did
from that is to make it so that the widget creator can create a
factory that delegates to create the object on an event, like "focus".

Using a Delegate Factory would not be the first thing I would want to
fix in the Scroller code but it is a possibility.

If changed to use DelegateFactory, including the script in a document
would cause a delegate "focus" listener to be added. The callback for
that examines target of "focus" events at the document level. If the
target looks like a scroller "prev"/"next" button, it initializes a
Scroller widget. That way, the implementation code is just the HTML
and CSS and the SCRIPT element. There is no "setVertical" or anything
like that at all.

I hope you don't find this to be a red herring, I just don't see the
get/set paradigm as being a major issue in reducing method count.
--
Garrett
 
Reply With Quote
 
 
 
 
dhtml
Guest
Posts: n/a
 
      09-15-2011
On Sep 15, 1:23*pm, Scott Sauyet <scott.sau...@gmail.com> wrote:
> dhtml *wrote:
> > Scott Sauyet wrote:
> >> dhtml wrote:
> >>> Scott Sauyet wrote:
> >>>> Do you think all overloading in JS is a problem? *

> > [...]

>
> >> The implementation of overloaded methods is of course problematic, and
> >> the only justification I can see for it is in *perceived* API
> >> simplicity. *
> >> [ ... ill-considered 'getVal'/'setVal' example removed ... ]

>
> > Name 'getVal' is a contrived plastic example. Methods that are well-
> > named, simple, self-documenting. Obviates the need for documentation.

>
> Sorry, I wasn't thinking about it that way. *I was thinking about
> jQuery's "val" function which is both an accessor and mutator for it's
> objects wrapping INPUT and SELECT elements.
>
> A cleaner example would be, say, `height`.
>
> It's certainly a debatable point as to whether the `setHeight`/
> `getHeight` pair is more complicated than a single `height` function,
> but if nothing else, the latter has fewer symbols to remember.
> Perhaps it's slightly easier to learn with the `set/get` versions, but
> it's no easier to use, and the complexity of implementation is not
> significantly different.
>
> So my question was really whether you objected to that sort of
> overloading. *Or perhaps even if you object as strenuously to that
> sort of overloading as you do to, say, the overloading of the main
> jQuery function.
>
> >> In fact, it'ss arguably more complicated. *It's certainly harder to
> >> document well. *But there is still some persistent feeling that the
> >> API with the single function is cleaner.

>
> > Whose feeling? Can we stick to pros/cons?

>
> Mine. *Why should I care about yours? *
>
> I really am talking about pros and cons. *In one very naive way, it's
> almost tautological that an API with a single function is simpler than
> one with two functions. *So there is at least one pro to an API that
> can be used this way:
>
> * * var r = new Rectangle(20, 10);
> * * alert(r.area()); // 200
> * * r.height(15);
> * * alert(r.area()); // 300
> * * alert(r.height()) // 15
>
> over one that works like this:
>
> * * var r = new Rectangle(20, 10);
> * * alert(r.calculateArea()); // 200
> * * r.setHeight(15);
> * * alert(r.calculateArea()); // 300
> * * alert(r.getHeight()) // 15
>
> Do you object to the single-function API?
>
> >> My question is whether this vague and fuzzy feeling that the single-
> >> functioned API is simpler could ever be enough of a reason for
> >> complicating the implementation. *I'm entirely mixed on this. *I'mall
> >> for complicating implementation to simplify an API. *But

>
> > But an API to do what?

>
> Whatever. *If I want to use an API to handle a certain facet of my
> system, I would rather have a simple API. *If I want to read a file
> into a String using Ruby, it's as simple as
>
> * * text = File.read(file_name)
>
> In Java, I'd need to use about ten lines of code, invoking
> FileInputStreams, BufferedReaders, IOExceptions, StringBuilders, and
> so on. *Ruby clearly has a simpler API for this.
>
> If I'm using an external API (even one I've written myself) in my
> code, I want the code using it to be as clear as possible, and that at
> the expense of how easy the API is to write.
>
> >>> Methods that do more than one thing are more complicated.

>
> >> Yes, but so are objects that do more than one thing. *The question is
> >> whether that complication is ever justified.

>
> > Objects have more than one behavior. An object is a set of (hopefully
> > well-named) properties and/or methods. Methods shouldn't.

>
> That's just restating your objection. *Do you think overloading is
> never justified?
>
> > Take a panel, for example, might have "show" ahdn "hide". Now you
> > could potentially make a method that does both:

>
> > e.g. setDisplay(bShow);

>
> > But what for? That just means that the API needs documentation,
> > whereas someting like "show" -- do you get what that should do?

>
> Can `show` be animated? *Do you need a parameter that describes what
> animation to use? *How about the duration? *And if it's animated,
> could I also supply a callback to run when it's done? *If we have an
> API that uses `show` to handle a plain change to visibility, a simply
> animated one, or one that's animated with a followup callback, is this
> somehow more complicated than an API like this?:
>
> * * show()
> * * animatedShow("fadeIn", 600)
> * * animatedShowWithCallback("slideUp", 400, function()
> {doSomething();})
>


Can we use CSS transitions instead? I can do it in JS but transitions
would be a lot simpler.

> Yes, the implementation of a single "show" function to handle these
> possibilities is more difficult than any individual one of the above
> would be, but the total code is not likely to be much harder. *This
> extended API is clearly more difficult to remember. *I would argue
> that it's more difficult to use as well.
>

The extended API is harder to remember, there, but i'd rather not
extend it like that. The `onshow` callback can be generic and then up
to the client of the API to shadow/replace it.

[...]

>
> I have another case that I'm using a lot in my current project.
>
> * * var handleXYZ = function(param) {
> * * * each(makeArray(param), function(item) {
> * * * * doSomething(item);
> * * * });
> * * };
>
> I receive (from an external source) references that might be single
> elements of, say, Strings or might be an array of Strings. *I write a
> single function to handle either case and use a `makeArray` function
> to handle them uniformly in my code. *Would you suggest that I should


If you typecheck there...

var coll = typeof param == "string" ?
param.split() : param.slice();

You can do that but it's a little ugly. Not horrible, but better
without that.

> have a separate `handleMultipleXYZs` function? *Because the original
> source of these things is outside my control, using such would
> necessitate sprinkling `isArray` checks over all the code that calls
> these functions rather than centralizing it in the one function. *Do
> you really object to that sort of overloading?
>

I do, but not so strongly. I don't like seeing that conditional in the
beginning because it is ugly. But it isn't that hard to figure out.

> >https://groups.google.com/group/comp...g/5392683d5088...

>

The link doesn't work.
[...]
--
Garrett
 
Reply With Quote
 
 
 
 
Scott Sauyet
Guest
Posts: n/a
 
      09-16-2011
dhtml wrote:
> Scott Sauyet wrote:
>> dhtml *wrote:
>>> Scott Sauyet wrote:
>>>> dhtml wrote:
>>>>> Scott Sauyet wrote:
>>>>>> Do you think all overloading in JS is a problem? *
>>> [...]

>> It's certainly a debatable point as to whether the `setHeight`/
>> `getHeight` pair is more complicated than a single `height` function,
>> but if nothing else, the latter has fewer symbols to remember.
>> [ ... ]

>
> OK, though I'm not sure if I need both of those methods.


No, and there's plenty of reason for not bothering with getters or
setters in most cases when working in JS. I brought them up because I
knew they were another form of overloading that jQuery practices.

My main question was whether you feel that all forms of overloading
are problematic. And I persist with it because it's been a sticky
question for me in my own API design. I'm pulled in both directions.
I seem to have mostly settled on accepting overloading on a single
parameter, either allowing it to have several different sorts of
related values, or allowing it to be optional. I avoid the style that
jQuery uses of using many parameters and allowing some in the middle
to be optional, shifting the others around to assign everything
correctly. I'm curious as to whether others would still find this
style problematic.


>> So my question was really whether you objected to that sort of
>> overloading. *Or perhaps even if you object as strenuously to that
>> sort of overloading as you do to, say, the overloading of the main
>> jQuery function.

>
> Well the jQuery function itself has more overloading, so complexities.


Right, we agree that the jQuery function is an atrocity of
overloading. Still, is all overloading atrocious?



>> And a collection of functions does not necessarily have a single
>> responsibility.

>
> I'm thinking of the type of function that does one thing vs the type
> of function that does many things. The function that does one thing is
> going to be a lot easier to debug.


Yes, and there are other good reasons to prefer it. But sometimes
there are competing forces suggesting that you might be better putting
some complexity in the method to make calls easier. My earlier
example was somewhat misunderstood, so I'll try to be a little more
explicit:

Invoice.prototype.addLineItems = function(items) {
var myItems = this.items;
items = isArray(items) ? items : [items];
each(items, function(item) {
myItems.push(item);
});
};

This is a form of overloading. The function can take a single
LineItem parameter or an array of LineItems. To me, since the systems
that feeds me does not always distinguish between single items and
arrays of them, it's much cleaner to have the isArray check, and hence
the overloading, in this function. Then I don't need to perform that
check in every place in the source code where I want to call
addLineItems. The non-overloaded version of the API would have both
`addLineItem` and `addLineItems` (or `addMultipleLineItems` if the 's'
is too subtle a difference.) It would sprinkle the `isArray` check
through many more parts of my code, a clear violation of the DRY
principle.



> [...]
>>> You can't have both?

>
>> When you can, of course you should. *But the two are often at odds. *I
>> will usually come down on the side of keeping the API cleaner and
>> letting the implementation get uglier when necessary. *Would you
>> prefer the reverse?

>
> I disagree with the premise; I think it's a false dichotomy.


I'm not trying to claim that you can never have both. But there are
times when the cleanest possible API requires an implementation that
is not as clean as would be possible if you allowed some API stains.
I'm taking the Worse is Worse side in the classic Richard Gabriel
debate. [1]


> I'd like to get and look at some actual code other than jQuery.


Wouldn't we all?


> Here is an example of some code that I wrote. I see so many places in
> my own code where it the code is too complicated and the interface is
> too clunky. No bragging here, just some code that I'm fairly familiar
> with.
>
> https://github.com/GarrettS/ape-java...er/Scroller.js
>
> The public interface is:
> APE.widget.Scroller.getById(id, timeDuration, vertical);
>
> `id` is the id of the widget.
> `timeDuration` is optional and has a default.
> `vertical` is a boolean argument. Again, I don't like boolean
> arguments because they're usually poor descriptors. But that's what I
> wrote. If I were to change it, I'd make the script figure out if it is
> a vertical scroller by looking at the element's className.
>
> Now on that factory pattern, *I remember teh last time I showed you
> that pattern that you thought it was too complicated. [ ... ]


Really, I don't remember that? I know you discussed this pattern when
we talked about APE, but I don't remember making this critique at all.

> [...discussion removed...] There is no "setVertical" or anything
> like that at all.
>
> I hope you don't find this to be a red herring, I just don't see the
> get/set paradigm as being a major issue in reducing method count.



I don't find it all that important either. It was just the first
example that came to mind of a tolerable overloading.

-- Scott

[1] http://en.wikipedia.org/wiki/Worse_is_better
 
Reply With Quote
 
Scott Sauyet
Guest
Posts: n/a
 
      09-16-2011
Scott Sauyet rote:
> dhtml wrote:
> > Now on that factory pattern, *I remember teh last time I showed you
> > that pattern that you thought it was too complicated. *[ ... ]

>
> Really, I don't remember that? *[ ... ]


Let's try that punctuation again:

Really? I don't remember that. [ ... ]




-- Scott
 
Reply With Quote
 
Gregor Kofler
Guest
Posts: n/a
 
      09-16-2011
Am 2011-09-15 22:23, Scott Sauyet meinte:

> I really am talking about pros and cons. In one very naive way, it's
> almost tautological that an API with a single function is simpler than
> one with two functions. So there is at least one pro to an API that
> can be used this way:
>
> var r = new Rectangle(20, 10);
> alert(r.area()); // 200
> r.height(15);
> alert(r.area()); // 300
> alert(r.height()) // 15
>
> over one that works like this:
>
> var r = new Rectangle(20, 10);
> alert(r.calculateArea()); // 200
> r.setHeight(15);
> alert(r.calculateArea()); // 300
> alert(r.getHeight()) // 15
>
> Do you object to the single-function API?


Sure. What does Rectangle.height() without argument? Just return the
current height? Set some - perhaps elsewhere defined - default value?
The single-function API needs documentation, the latter one not.

OTOH I can't see - apart from saving 3 characters - any benefit from
using the single-function API.

Gregor


--
http://vxweb.net
 
Reply With Quote
 
Gregor Kofler
Guest
Posts: n/a
 
      09-16-2011
Am 2011-09-16 13:15, Gregor Kofler meinte:
> Am 2011-09-15 22:23, Scott Sauyet meinte:
>
>> I really am talking about pros and cons. In one very naive way, it's
>> almost tautological that an API with a single function is simpler than
>> one with two functions. So there is at least one pro to an API that
>> can be used this way:
>>
>> var r = new Rectangle(20, 10);
>> alert(r.area()); // 200
>> r.height(15);
>> alert(r.area()); // 300
>> alert(r.height()) // 15
>>
>> over one that works like this:
>>
>> var r = new Rectangle(20, 10);
>> alert(r.calculateArea()); // 200
>> r.setHeight(15);
>> alert(r.calculateArea()); // 300
>> alert(r.getHeight()) // 15
>>
>> Do you object to the single-function API?

>
> Sure. What does Rectangle.height() without argument? Just return the
> current height? Set some - perhaps elsewhere defined - default value?
> The single-function API needs documentation, the latter one not.
>
> OTOH I can't see - apart from saving 3 characters - any benefit from
> using the single-function API.


In addition I (and I suppose most other developers) prefer verbs (or
verb-like structures) as names for methods and nouns for properties.
 
Reply With Quote
 
Scott Sauyet
Guest
Posts: n/a
 
      09-16-2011
Gregor Kofler wrote:
> Scott Sauyet meinte:

[ ...Regarding the difference between a single `height` function that
serves as both an accessor and a mutator and a more explicit pair of
functions `setHeight`/`getHeight`. ... ]

>> Do you object to the single-function API?

>
> Sure. What does Rectangle.height() without argument? Just return the
> current height? Set some - perhaps elsewhere defined - default value?
> The single-function API needs documentation, the latter one not.
>
> OTOH I can't see - apart from saving 3 characters - any benefit from
> using the single-function API.


I'm really not trying to defend that sort of API; I personally don't
write them that way. I was just pointing them out as a type of
overloading that's less noxious than many other types. I also
presented a type of overloading that I actually do use, one where a
parameter might represent either a single item or a collection of
them.

I was trying to gauge whether it's any overloading at all that raises
peoples ire or if it's only the kind that leads to twisted, confused
parameter-handling logic.

-- Scott
 
Reply With Quote
 
Gregor Kofler
Guest
Posts: n/a
 
      09-16-2011
Am 2011-09-16 13:49, Scott Sauyet meinte:
> Gregor Kofler wrote:
>> Scott Sauyet meinte:

> [ ...Regarding the difference between a single `height` function that
> serves as both an accessor and a mutator and a more explicit pair of
> functions `setHeight`/`getHeight`. ... ]
>
>>> Do you object to the single-function API?

>>
>> Sure. What does Rectangle.height() without argument? Just return the
>> current height? Set some - perhaps elsewhere defined - default value?
>> The single-function API needs documentation, the latter one not.
>>
>> OTOH I can't see - apart from saving 3 characters - any benefit from
>> using the single-function API.

>
> I'm really not trying to defend that sort of API; I personally don't
> write them that way. I was just pointing them out as a type of
> overloading that's less noxious than many other types. I also
> presented a type of overloading that I actually do use, one where a
> parameter might represent either a single item or a collection of
> them.


I use this kind of overloading, too. Some methods allow parameters to be
single values or arrays of values. The single-value option is more of a
convenience thing, though, since myFunc([lonelyParam]) will always work.

> I was trying to gauge whether it's any overloading at all that raises
> peoples ire or if it's only the kind that leads to twisted, confused
> parameter-handling logic.


As usual ones MMV. But having methods doing diametrically opposed
things, depending on the supplied parameters is by any means bad. Hard
to understand, needs extensive documentation, and will inevitably lead
to convoluted code, once the code needs to be expanded. (Which it
frequently does, since the basic layout of the API will be one of the
first steps.)

Gregor
 
Reply With Quote
 
Scott Sauyet
Guest
Posts: n/a
 
      09-16-2011
Gregor Kofler wrote:
> Scott Sauyet meinte:


>> I was trying to gauge whether it's any overloading at all that raises
>> peoples ire or if it's only the kind that leads to twisted, confused
>> parameter-handling logic.

>
> As usual ones MMV. But having methods doing diametrically opposed
> things, depending on the supplied parameters is by any means bad. Hard
> to understand, needs extensive documentation, and will inevitably lead
> to convoluted code, once the code needs to be expanded. (Which it
> frequently does, since the basic layout of the API will be one of the
> first steps.)


Well, although that sounds right, Garrett has already mentioned
methods with boolean parameters. I think there are probably times
when it would still feel natural to have a method with a single
boolean parameter to do two diametrically opposed things, although the
API could obviously instead have two distinct methods. No examples
are immediately leaping to mind, but I'll bet we'd find some if we
tried.

-- Scott
 
Reply With Quote
 
dhtml
Guest
Posts: n/a
 
      09-17-2011
On Sep 15, 7:28*pm, Scott Sauyet <scott.sau...@gmail.com> wrote:
> dhtml wrote:
> > Scott Sauyet wrote:
> >> dhtml *wrote:
> >>> Scott Sauyet wrote:
> >>>> dhtml wrote:
> >>>>> Scott Sauyet wrote:
> >>>>>> Do you think all overloading in JS is a problem? *
> >>> [...]
> >> It's certainly a debatable point as to whether the `setHeight`/
> >> `getHeight` pair is more complicated than a single `height` function,
> >> but if nothing else, the latter has fewer symbols to remember.
> >> [ ... ]

>
> > OK, though I'm not sure if I need both of those methods.

>
> No, and there's plenty of reason for not bothering with getters or
> setters in most cases when working in JS. *I brought them up because I
> knew they were another form of overloading that jQuery practices.
>
> My main question was whether you feel that all forms of overloading
> are problematic. *And I persist with it because it's been a sticky
> question for me in my own API design. *I'm pulled in both directions.


Gotcha. No, I don't think overloading's always bad.

> I seem to have mostly settled on accepting overloading on a single
> parameter, either allowing it to have several different sorts of
> related values, or allowing it to be optional. *I avoid the style that
> jQuery uses of using many parameters and allowing some in the middle
> to be optional, shifting the others around to assign everything
> correctly. *I'm curious as to whether others would still find this
> style problematic.


Sure, and if the method can expect native ES objects/values, and no
host objects are involved, then it's safer.

>
> >> So my question was really whether you objected to that sort of
> >> overloading. *Or perhaps even if you object as strenuously to that
> >> sort of overloading as you do to, say, the overloading of the main
> >> jQuery function.

>
> > Well the jQuery function itself has more overloading, so complexities.

>
> Right, we agree that the jQuery function is an atrocity of
> overloading. *Still, is all overloading atrocious?
>


I try to minimize complexity in methods. Conditionals and loops add
complexity, too but sometimes it makes sense to use them.

With some forms of overloading, complexity is multiplied. The get/set
one-method approach is a case of doubling the complexity. Another
example of doubled complexity is addEventListener's `useCapture`. And
although web page authors need not look at the source code of that; we
still have to deal with its concomitant browser bugs.

[...]

> Yes, and there are other good reasons to prefer it. *But sometimes
> there are competing forces suggesting that you might be better putting
> some complexity in the method to make calls easier. *My earlier
> example was somewhat misunderstood, so I'll try to be a little more
> explicit:


Sure, I don't know if there's a strict rule for it but generally I try
to avoid overloading.

>
> * * Invoice.prototype.addLineItems = function(items) {
> * * * var myItems = this.items;
> * * * items = isArray(items) ? items : [items];
> * * * each(items, function(item) {
> * * * * myItems.push(item);
> * * * });
> * * };
>
> This is a form of overloading. *The function can take a single
> LineItem parameter or an array of LineItems. *To me, since the systems
> that feeds me does not always distinguish between single items and
> arrays of them, it's much cleaner to have the isArray check, and hence
> the overloading, in this function. *


That's what `Array.prototype.concat` does. So you can get rid of the
entire function and just use `concat`. Like so:

| myItems.concat(items);

But for the time being, you can keep the function and just reduce its
body to have that one liner.

[...]

> I'm taking the Worse is Worse side in the classic Richard Gabriel
> debate. *[1]


Haha, yes - I like that "less is more" stuff. And knowing how and
when to say "no" when asked to provide spurious features.

[...]
--
Garrett
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Microsoft expanding it use of jQuery & involvement with jQuery lorlarz Javascript 6 03-25-2010 10:14 PM
jQuery Query about comparing jQuery references Aaron Gray Javascript 20 07-27-2008 01:53 PM
Overloading __init__ & Function overloading Iyer, Prasad C Python 3 09-30-2005 02:17 PM
Re: Overloading __init__ & Function overloading Steve Holden Python 0 09-30-2005 01:58 PM
Re: Overloading __init__ & Function overloading Fredrik Lundh Python 0 09-30-2005 01:53 PM



Advertisments