Home arrow JavaScript arrow Page 4 - Creating User-Defined JavaScript Objects, Properties and Methods
JAVASCRIPT

Creating User-Defined JavaScript Objects, Properties and Methods


Did you know that the user could create his own objects, properties and methods? This is the third and last part of a series on adding and deleting JavaScript properties and methods. First, we shall see how to add and delete properties and methods at run time. After that I will show you the privilege that JavaScript gives to the user.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 6
October 09, 2009
TABLE OF CONTENTS:
  1. · Creating User-Defined JavaScript Objects, Properties and Methods
  2. · The Top Level eval Function
  3. · User Created Objects
  4. · Creating User-Created Objects

print this article
SEARCH DEVARTICLES

Creating User-Defined JavaScript Objects, Properties and Methods - Creating User-Created Objects
(Page 4 of 4 )

Click the User Add button. The prompt box should appear. Type in the following function in one line into the Input Text control of the prompt box, and then click the OK button.

function functionType1()

{

alert('This is function type one');

}

The one line you type should be like this:

function functionType1() {alert('This is function type one');}

We have just sent in the function to be used as a method for the object type.

Click the User Add button. The prompt box should appear. Type in the following function in one line into the Input Text control of the prompt box, and then click the OK button.

function function1()

{

alert('This is function one');

}

The one line you type should be like this:

function function1() {alert('This is function one');}

We have just sent in the function to be used as a method for the object.

Click the User Add button. The prompt box should appear. Type in the following function in one line into the Input Text control of the prompt box, and then click the OK button.

function ObjectType()

{

this.propertyType1 = "Yes type one";

this.methodType1 = functionType1;

}

The one line you type should be like this:

function ObjectType() {this.propertyType1 = "Yes type one"; this.methodType1 = functionType1;}

We have just sent in the constructor function for the object type.

Click the User Add button. The prompt box should appear. Type in the following statement into the Input Text control of the prompt box, and then click the OK button.

var theObject = new ObjectType();

We have just sent in the statement to create the theObject object.

Click the User Add button. The prompt box should appear. Type in the following two statements in one line into the Input Text control, and then click the OK button.

theObject.property1 = "Yes one";

theObject.method1 = function1;

The one line you type should be like this:

theObject.property1 = "Yes one"; theObject.method1 = function1;

We have just sent in the two statements to add the property and method to the theObject object.

After you click the OK button, the result should be all right. The result now consists of the alert boxes. The first one displays “Yes one” and the second one displays “This is function one.” This means that the user has succeeded in creating an object type, object, and added a property and a method to the object.

Possible Application

If the user can create his own objects, properties and methods, then, if the author writes a game, the user can give himself more options by creating his own objects, properties and methods.

So the feature described in this part of the series can be used for games written with JavaScript, HTML and CSS.

You're probably thinking that the ordinary user cannot write code, so how will he create his own objects and add properties and methods? Well, the author will give him phrases that are user friendly, from which he can choose. You will have code that will convert what he has chosen to programming (JavaScript) statements. This will probably limit his number of options in creating objects, properties and methods, but he still has more options than if he did not have the means to create his own objects, properties and methods.

We have come to the end of this series. I hope you appreciated it.


DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

blog comments powered by Disqus
JAVASCRIPT ARTICLES

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials