Creating User-Defined JavaScript Objects, Properties and Methods

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.