edit-article
Home
Up
Delete
Article Name:
Article Description:
a look at the built in (intrinsic) objects that come with the js language, including ] Array ] Boolean ] Date ] Function ] Global ] Number ] RegEx ] String
Chapter ID/Name:
Status:
Write
Writing
Written
Add Photo:
Owner ID:
Content:
use HTML
Edit Content
<h1 style="text-align: center;">overview - objects native</h1> <h2>[WHAT]</h2> <ol> <li><strong>] this page provides links to 'reference pages' for all of the 'native' or 'built in' javascript objects</strong></li> <ol> <li>] the objects that are defined as part of the language </li> </ol> <li><strong>] the reference material is from 3 different sources, </strong></li> <ol> <li><strong>] Mozilla Developer Network(MDN) </strong></li> <ol> <li>PROS - comprehensive REFERENCE (listing, ) and GUIDE (using)</li> <li>CONS - sometimes a bit overwhelming, specifically if you are new or just looking for a basic example.</li> </ol> <li><strong>] w3schools </strong></li> <ol> <li>PROS - lightweight, simple, easy to understand examples, a quick and easy way to get many examples of basic functionality, includes integrated code editor, has great SEO </li> <li>CONS - incomplete and not always 100% accurate, controlled by a PRIVATE company,</li> </ol> <li><strong>] webplatform.org</strong></li> <ol> <li>PROs - open source wiki,</li> <li>CONs - NEW,</li> </ol></ol></ol> <h2>[WHY]</h2> <ol> <li><strong>] why do we need 3 sources of the same documentation</strong><ol> <li>] you dont, use the 1 that works for you, see 'my' pros and cons of each listed above</li> </ol></li> </ol> <h2>[WHERE]</h2> <ol> <li><strong>] feature = javascript @ MDN - reference<br /></strong></li> <ol> <li>[x] <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank">Array</a> - listing of all array properties and methods.</li> <ol> <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Predefined_Core_Objects#Array_Object" target="_blank">array</a> - <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Predefined_Core_Objects#Array_Object" target="_blank">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Predefined_Core_Objects#Array_Object</a> - more examples of usage,</li> </ol> <li>[x] <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank">Boolean</a> -</li> <li>[x] <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Predefined_Core_Objects#Date_Object" target="_blank">Date</a> -</li> <li>[x] <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function" target="_blank">Function</a> -</li> <li>x] <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Predefined_Core_Objects#Global_Object" target="_blank">global</a> -</li> <li>] iterator -</li> <li>[x] <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math" target="_blank">Math</a> -</li> <li>[x] <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank">Number</a> -</li> <li>x] <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object" target="_blank">Object</a> -</li> <li>[] <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Proxy" target="_blank">proxy</a> - </li> <li>[] <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/ParallelArray" target="_blank">paralellArray</a> -</li> <li>[] Promise</li> <li>[x] <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp" target="_blank">RegExp</a> -</li> <li>[x] <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank">String</a> -</li> <li>[+=] [] typed arrays, [] errors, [] internationalization ]</li> </ol> <li><strong>] feature = objects.javascript <a href="http://www.w3schools.com/jsref/default.asp" target="_top">JavaScript Objects</a> @w3schools </strong></li> <ol> <li>x] <a href="http://www.w3schools.com/jsref/jsref_obj_array.asp" target="_blank">array</a> -</li> <li>x] <a href="http://www.w3schools.com/jsref/jsref_obj_boolean.asp" target="_blank">boolean</a> -</li> <li>x] <a href="http://www.w3schools.com/jsref/jsref_obj_date.asp" target="_blank">date</a> -</li> <ol> <li>] example using <a href="/view/article?id=695" target="_blank">date</a> </li> </ol> <li>] function - </li> <li>x] <a href="http://www.w3schools.com/jsref/jsref_obj_global.asp" target="_blank">global</a> -</li> <li>] iterator -</li> <li>x] <a href="http://www.w3schools.com/jsref/jsref_obj_math.asp" target="_blank">math</a> -</li> <li>x] <a href="http://www.w3schools.com/jsref/jsref_obj_number.asp" target="_blank">number</a> -</li> <li>] object -</li> <li>] proxy - </li> <li>] paralellArray -</li> <li>x] <a href="http://www.w3schools.com/jsref/jsref_obj_regexp.asp" target="_blank">regexp</a> -</li> <li>x] <a href="http://www.w3schools.com/jsref/jsref_obj_string.asp" target="_blank">string</a> -</li> <li>+] typed arrays, ] errors ] internationalization ]</li> </ol> <li><strong>] feature = objects.javascript @<a href="http://docs.webplatform.org/wiki/concepts/programming/javascript/core_objects" target="_blank">webplatform.org</a></strong></li> <ol> <li>x] <a href="http://docs.webplatform.org/wiki/Meta:javascript/objects/Array" target="_blank">array</a> -</li> <li>] boolean -</li> <li>x] <a href="http://docs.webplatform.org/wiki/javascript/objects/Date" target="_blank">date</a> -</li> <li>] function - </li> <li>] global -</li> <li>] iterator -</li> <li>] math -</li> <li>] number -</li> <li>] object -</li> <li>] proxy - </li> <li>] paralellArray - </li> <li>x] <a href="http://docs.webplatform.org/wiki/concepts/programming/javascript/regex" target="_blank">regexp</a> -</li> <li>] string -</li> <li>+] typed arrays, ] errors ] internationalization ] </li> </ol></ol> <h2>[WHEN]</h2> <ol> <li>[] The latest ECMAScript standard defines eight data types: 7 of which are <br /><strong></strong></li> <li><strong>[] primitives - datatypes <br /></strong></li> <ol> <li>[] Boolean</li> <li>[] BigInt</li> <li>[] null</li> <li>[] Number</li> <li>[] String</li> <li>[] Symbol -</li> <li>[] undefined</li> </ol> <li><strong>[] and</strong></li> <ol> <li>[] Object</li> </ol> <li><strong>] primitive object wrappers</strong></li> <ol> <li>] see below</li> </ol> <li><strong>] primitives VS primitives object wrappers</strong></li> <ol> <li>] bk speakingjs - ch - ##</li> <li>] using bracket notation to calculate object properties person.age, person.[dateYear-birthYear] </li> <li>] You just need to know that string, number, and boolean values differ from objects in that their properties are read-only and that you can’t define new properties on them. - Flanagan - Definitive Guide</li> </ol></ol> <h2>[EXAMPLE]</h2> <ol> <li>] <strong>each object reference page should contain </strong></li> <ol> <li>definition - of the object</li> <li>object properties - </li> <li>object methods -</li> <li>examples of usage</li> </ol></ol> <h2>[HOW-TO]</h2> <ol> <li>]</li> </ol> <h2>[REFERENCE]</h2> <ol> <li>] <em>the global object</em> -</li> </ol>