WebGLForOpenGLProgrammers/06javascript-objects.html at master · mortennobel/WebGLForOpenGLProgrammers · GitHub

History

88 lines (85 loc) · 4.38 KB

Raw

<html>

<head>

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-26354413-1']);

_gaq.push(['_setDomainName', 'kickjs.org']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

<title>WebGL for OpenGL Programmers</title>

</head>

</header>

insertPageTitle();

</script>

<p>

Objects are unordered sets of key-value pair. You can add or remove a key-value pair to and

from an object. Keys must be strings but values can be any JavaScript type. Objects are created

using <code>new Object()</code>, <code>new Fn()</code> (where <code>fn</code> is a function which

acts a constructor) and <code>{}</code> which is the short notation for object construction.

</p>

<p>

The <code>this</code> variable refers to the current object (or the global context when used outside

any object). In the code below pay special attention to how the same function <code>f</code> works

differently depending on whether it is used as a method on an object or a global function.

</p>

var o = new Object();

// var o = {}; // alternative

o.x = 12;

var f = function(){

document.write(this.x);

};

o.y = f;

var x = "global ";

f();

o.y(); 

</script>

var editor = new LiveEditor();

editor.data = '<scrip'+'t>'+document.getElementById('objects-example').textContent+'</scrip'+'t>';

editor.mode = "ace/mode/html";

editor.height = "195px";

editor.title = "Objects example";

editor.build();

</script>

<p>

To delete a property from an object you use the <code>delete</code> operator (example <code>delete o.x;</code>).

</p>

<p>

JavaScript doesn't have classes but instead uses a concept called prototypes to define archetypes of

objects. Prototypes are useful when you want to create inheritance and can be used to mimic

traditional object-oriented class hierarchies.

</p>

<ul>

<li><code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">MDN: Object (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object)</a></code></li>

<li><code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype">MDN: Prototype (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype)</a></code></li>

</ul>

insertNavigator();

</script>

</div>

</article>

</div>

</body>

</html>

WebGLForOpenGLProgrammers/06javascript-objects.html at master · mortennobel/WebGLForOpenGLProgrammers · GitHub

Expand file tree

Breadcrumbs

06javascript-objects.html

Latest commit

History

Breadcrumbs

06javascript-objects.html

File metadata and controls