javascript-objects

I've been using JavaScript for a few years now in web design/development, and everything I know has been self-taught (I was a design major and hobbyist front-ender turned full web developer in pursuit of my career). With that background, I discovered something that I want to learn more about and have no idea what it is called, how it works, or that it may even be something extremely simple. I've tried to search for more information about this (to prevent myself from needing to ask this), but it's difficult when I'm not sure what it's called that I'm even looking for... I noticed in a few

In the code snippet below func2 is supposed to be the shorthand method syntax for func1 . Question 1 : Why does obj1 contain the prototype Object and obj2 does not (while both have the __proto__ object)? Question 2 : Are all three objects prototype objects? Question 3 : Why does the fact of obj2 not having a prototype function not influence the way in which it binds this ? Concerning obj3 : obj3 is there for reference because it is equivalent to obj2 in terms of not having a prototype function. It just binds this differently (In obj1 and obj1 this is determined "by the invocation, but not by

I have a React project set up to fetch an Object from a Firebase database and render this to my page. However I do not know how to render the data properly. The data I am fetching looks like this: { "projects": { "0": { "title": "test", "function": "test2" }, "1": { "title": "test3", "function": "test4" } } } In the Chrome React Debugger I see this: <div> <Message key="0" data={function: "test2", title: "test", key: "0"}>...</Message> <Message key="1" data={function: "test4", title: "test3", key: "1"}>...</Message> </div> But in the elements view I am simply seeing two empty divs: <div> <div><

I'm trying to understand exactly what the javascript new keyword means, why it is necessary and when I should use it. Consider the following examples: var x = new function(){ var self=this; this.myFunction = function(){alert('foo ' + self.v)} this.v='x'; }; var y = function(){ var self=this; this.myFunction = function(){alert('foo ' + self.v)} this.v='y'; return this; }(); var f=function(){ var self=this; this.myFunction = function(){alert('foo ' + self.v)} this.v='z'; } var z = new f(); x.myFunction(); y.myFunction(); z.myFunction(); x,y and z are all objects. Potentially with public and

You can create an object in JavaScript in many ways: // creates an object which makes the Object, prototype of data. var data1 = new Object(); // Object literal notation; Object still is the prototype of data2. var data2 = {}; // anotherObject is now the prototype of data3. var data3 = Object.create(anotherObject); /* data3 is an object which can be verified bye typeof operator, however, it now has no prototype and you can build everything from scratch. */ var data3 = Object.create(null); But I don't know which versions of IE support the last method, i.e. Object.create(null) method? Matías

In a project I'm working on, I'm having to clone a object to a variable. I first tried - what seemed to be the most obvious solution - to do var obj2 = obj1 , however I soon realized this makes obj2 refer to obj1, so whenever I set a property in obj2, the property is updated in obj1, too. Well, I can't have that. So, I started searching around for ways to clone a object in JavaScript - I found multiple solutions for this, mainly var obj2 = JSON.parse(JSON.stringify(obj1)) - but that didn't keep all getters and setters I had defined for my object! The now most obvious solution to me seems to