I want to be able to set a property on a private object by giving the not notation path to the value. The difficulty is that this object is within closure so I can't access it directly to set the value the normal way (eg. dot.notation.path = 'new value'). This seems weird but I can't think of the obvious way.
Example:
// setter function
function set(path, change){
var privateObject = {
a: 'a',
[Code]....
i have something like this:
Code:
var o = {
f1:function(a) {
[code]....
I have some confusion about the scripts below:
1) is getRule a local variable or global variable, as it has no var keyword, yet it is an inner function of Validation? So without var, I think global, but being an inner function, I think local. So I'm not sure which.
2) In this line of code: var rule = $.Validation.getRule(types[type]), getRule returns rules, which is just a local variable in Validation. I always see that you return functions, but how does returning a local variable that's just an object literal and not a function be able to return true or false? Now the value of rules is an object literal, and this object returns true or false. So we are basically allowed to use return keyword with local variables that are object literals and not functions?
3) In this line, is foo(age) being called, or is it just being assigned to bar OR is it being called and THEN assigned to bar: var bar = foo(age);
4) Now for the most confusing: age is obviously an object reference as opposed to a literal in the example. Does that make a difference in regards to closures?
Note that I read a number of books, including JavaScript Programmer Reference and Object Oriented JavaScript and jQuery cookbook, which compare primitives vs reference types and how primitive types store directly in memory whereas reference tpyes reference memory, so if one reference changes, they all change where primitive remains ingrained. But when assigning a function as a reference like this, how does that affect the object "age" when passed into bar?
Code:
(function($) {
/*Validation Singleton*/
var Validation = function() {
var rules = {
email : {
check: function(value) {
if(value)
return testPattern(value,".+@.+..+");
return true;
}, .....
$.Validation = new Validation();
})(jQuery);
Code:
function foo(x) {
var tmp = 3;
return function (y) {
alert(x + y + tmp);
x.memb = x.memb ? x.memb + 1 : 1;
alert(x.memb);
}}
var age = new Number(2);
var bar = foo(age); // bar is now a closure referencing age.
bar(10);
I'm using the standard module pattern and the problem is once you set a private variable, trying to test that object independently becomes a nightmare as the next test is polluted by the actions of the previous.So, the options are to have some reset method (which is horrible), setters on everything (defeats the point) or delete object and re-load script (hideous).
View 2 Replies View RelatedI have an object with a single Method to load content from a xml file. The problem is... how do I add a property to the object to store the data loaded?? I tryed adding a simple Array inside the object, but didn't work.
[Code]...
I'm attempting to change the display property of certain divs depending on the criteria of multiple select boxes.
I got it to work by GetElementsByTagName('div') but it then selects all divs rather then the select few i actually want it to work on. I tried changing the selection to GetElementsByName but this doesn't work, why i don't really know.
I've dumped the source code below:
Code:
({}["toString"]) - function
alert("toString" in {}) - true
But I want to only find a property that is defined in the object - not in a prototype.
for(var prop in {}) { alert(prop); }; // toString not found.
It seems that operator 'in' is overloaded. 'in' during iteration: look in the property. 'in' in a boolean conditional: look in the object, then up the prototype chain.
I want a way to get only properties defined within the object itself, not it's prototype. Is there no simple way?
Is there some way to add a property to a object ?
Code JavaScript:
if (Object.__count__ == undefined)
{
Object.property.__count__ = function {
// [url]https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Global_Objects/Object#section_8[/url]
count and return
}
}
Is there a way to determine the object that a property is in? For
example:
function MyClass() { ... }
MyClass.prototype.myFunc = function() { ... }
var obj = new MyClass();
var sameobj = SOMEFUNCTION(obj.myFunc);
So my goal is to get a reference to the object by just having the
property.
Some of the object properties in the Dojo Toolkit are set to objects but they are using syntax like this:
object.property = new function() {
this.property = someValue;
this.property = someFunction;
}
Is the property set to a new object and if so what is the "new function()" statment doing?
With something like this : <form name="a"><input name="name"></form>
Is it possible to get the name of the form (a) and access the input object
(name) too?
I have a JS script that presents a series of "pages" with different questions inside a single HTML file, by rewriting certain <div>s. I have an object like this that contains the questions and information about answer labels etc (the idea is that this should be easy to modify for someone who doesn't know JS):
[Code]...
How is it possible to take the value of a variable (in this case,
MODE_CREATE, MODE_UPDATE, etc) and use that as an object property name?
In the following example I want 'oIcon' object to have the properties:
mode1, mode2, and mode3.
This seems simple but I can't quite figure it out...
Any ideas anyone?
var MODE_CREATE = "mode1";
var MODE_UPDATE = "mode2";
var MODE_DELETE = "mode3";
var oIcon = {
MODE_CREATE: "create.gif"
, MODE_UPDATE: "update.gif"
, MODE_DELETE: "delete.gif"
};
var oTitle = {
MODE_CREATE: "Create a new item..."
, MODE_UPDATE: "Update this item..."
, MODE_DELETE: "Delete this item..."
};
I have situation that when my page is loaded i create js object
<html>
...
<script>
function Page() {
this.page = 0;
this.result = 0
this.resultCount =1;
this.currentPage =1;
}
MyPage= Page()
</script>
then in my javascript function i use object like this:
function getPage() {
if(!MyPage) {
MyPage = new Page();
}
return MyPage;
}
but there is one problem: MyPage lost one of the property, currentPage.
When i do alert(MyPage.cuurentPage) shows mi undefined. After object
initialization everything seems to be alright, currentPage is set to 1
but when i Try use MyPage in my js code is already set to undefined.
What happen? What I'm doing wrong?
Given the following code and its execution to the last line:
var re = /beta/;
var string = "alphabetagamma";
var report = re.exec(string);
should not:
re.lastIndex = 9;
after the last line of execution?
On Firefox, Venkman continually reports zero.
Specification for JS 1.5 defines property lastIndex as follows:
The index at which to start the next match.
As of JavaScript 1.5, [it is] a property of a
RegExp instance, not the RegExp object.
i am locking for something to get all Propertie`s of an Object (with an each loop?)
<div id="blub" class="blah" name="blah"></div>
<script>
$('div').attr(function(){
[code]....
[Code]...
How to know the div have position property or not?
I am doing javascript from a book called "Prentice Hall(which sounds very masonic) : Javascript by example".
my question is this. I am doing an practice dealing with "defining methods for an object" now i used this code verbatim
[Code]...
I did this code in the book exactly. I am just trying to warp my head around this and want to understand how is this an error when it is just the crating a new property.
I've ammended my code now so that I'm using objects, constructors and prototypes.
If I use the standard constructor.prototype.functionname = (){......} type of setup it works okay.
However I'm now experimenting with overwriting the prototype with a literal. As in the code below. i.e. constructor.prototype = {functionname : function() .......
Doing it this way my first new object instance fails. The subsequent new objects are fine.
I ran a check on the properties of the 1st object with '!hasOwnProperty and name in' and the result is that the prototype (or pointer to a prototype) is missing.
So the first new object of FontTrans (oH) has
Code:
1 property is Heading
.
.
9 property is Delay
[Code].....
I've created a small AJAX library for our application. We send the response data back as JSON in responseText. So far so good.
Before we invoke the response handler, I'm putting the eval'ed responseText in the request object like so:
Code:
req.respText = eval('(' + req.responseText + ')');
This works in FF but breaks in IE 6. (*gasp*)
I finally got the Microsoft Script Editor yesterday, so I could play with the values and see what was going on. Kind of... I'm still in the dark. For some reason, it won't let me add a property to req. Can anyone explain why/how it prevents me from doing so?
Conceivably I could add the eval'ed responseText to the response handler function, but that would break the API, and would require us to modify a bunch of existing functions.
I need to acsess an object property via variables, but don't get ahead.
Example:
var property = height;
"height" is a property of the object "flower". Now, I need a possibility to access "flower.height" with my variable property, means -->"flower.property" I tried everything like "flower.[property]" "flower.['property']" etc. but nothing did help.
I'm trying to come up with a swipe gesture for part of the mobile version of my website. Right now, I'm just playing with mouse movements instead of the touch events so I can play with it on my computer rather than having to load the page up on my iPhone every time. Here's the problem: onmouseup, I run a calculation to determine where the closest element is to the edge of my container. Whichever one is the closest, I do a simple animate() to that element. It looks like this:
[Code]...
I'm trying to write a little script that disables the submit button on a form, changes the text of the button, and then submits the form.
Can anyone tell me why this works ok:
<input type="button" value="Submit" onClick="this.disabled=true;
this.value = 'Submitting...' this.form.submit();">
But when I try to make a function it doesn't work:
<script language="JavaScript">
function DisableButton(b) {
b.disabled = true;
b.value = 'Submitting...'
b.form.submit();
}
</script>
<input type="button" value="Submit" name="submit"
onClick="DisableButton(this);">
When I try this the button text is changed and the button is disabled, but the form doesn't submit. In IE I get an error that points to theline that says:
b.form.submit();
and the error:
Object doesn't support this property or method
What's the difference between doing this code directly in the onClick event and doing it in a function?
Hi, I am attempting to create a script in which object A contains an
array of "objectb" objects. An overview of the code is posted below.
When I attempt to access "myObjArr" array like this:
alert(test1.myObjArr[0].a);
I get the error "myObjArr is undefined"....
I got a javascript object with some propeties let's say
function Animal() {
this.id; this.name;
}
I need to call id function in a dynamic way to get and set its value: something like this
Animal animal = new Animal();
var propertyName = "id";
animal.+propertyName = "name";
I tried like this:
$animal = $(animal);
$animal[propertyName]();
but i receive animal.propertyName is not a function.Is there an elegant way to do it with jQuery?
function JGallery(){
this.name="defaultGallery";
this.images=[{//some JSON here}]
this.render=function(){
[Code].....
I've tried to debug it in firebug, but I guess there is a problem with the scope of the 'this'. The 'this' in
//i want append div with id of the name property of jgallery class
$("<div></div>").appendTo("#container").attr("id",this.name);
seems to refer to the iterator in the $.each().
I've tried to do this.this.name but it still doesn't work. Is there any way to allow me access the property of the Jgallery class?