class Archives - Ebhor.com

Classes and Objects in JavaScript

January 26, 2019

A class is a set or category of things having some property or attribute in common i.e., car is a class having similar properties such as color, engine, gear, model number etc.

The “class” construct allows us to define prototype-based classes.

Syntax for declaring a class:

class User {
  constructor(name) {
    this.name = name;
  }
  display() {
    alert(this.name);
  }
}
let user = new User("Sherlock");
user.display();

1

2

3

4

5

6

7

8

9

10

class User {

constructor(name) {

this.name = name;

}

display() {

alert(this.name);

}

let user = new User("Sherlock");

user.display();

Objects

Objects are the instance of classes i.e., Car is a class and Jaguar is an object of the Car class

Let’s consider a variable named person:

var person = “Sherlock Holms”;

Objects are also like variables but they can contain many values; like

this code assigns many values (Sherlock, Holms, male) to a variable named person:

var person = {name:”Sherlock”, title:”Holms”, gender:”male”};

The values are written as name:value pairs.

Object Definition

var person = {FirstName:”Sherlock”, lastName:”Holms”, age:50};

Spaces and line breaks are not important. An object definition can span multiple lines:

 var person = {
     firstName: "Sherlock",
     lastName: "Holms",
     age: 50
   };

1

2

3

4

5

var person = {

firstName: "Sherlock",

lastName: "Holms",

age: 50

};

Object Properties

The name:values pairs in JavaScript objects are called properties:

Property	Value
firstName	John
lastName	Doe
age	30

Accessing Object Properties

Object properties can be accessed in 2 ways:

objectName.propertyName

or

2. objectName[“propertyName”]

Access Method 1

<!DOCTYPE html>
<html>

<body>
    <h3>JavaScript Object Access Method 1</h3>
    <p id="demo"></p>
    <script>
        var person = {
            firstName: "Sherlock ",
            lastName: "Holms",
            id: 5266
        };
        document.getElementById("demo").innerHTML =
            person.firstName + "" + person.lastName;
    </script>
</body>

</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE html>

<html>

<body>

<h3>JavaScript Object Access Method 1</h3>

var person = {

firstName: "Sherlock ",

lastName: "Holms",

id: 5266

};

document.getElementById("demo").innerHTML =

person.firstName + "" + person.lastName;

</script>

</body>

</html>

Output

JavaScript Object Access Method 1 
Sherlock Holms

1 2	JavaScript Object Access Method 1 Sherlock Holms

Access Method 2

<!DOCTYPE html>
<html>

<body>
    <h3>JavaScript Objects</h3>
    <p> JavaScript Object Access Method 2 </p>
    <p id="demo"></p>
    <script>
        var person = {
            firstName: "Sherlock",
            lastName: "Holms",
            id: 5266
        };
        document.getElementById("demo").innerHTML =
            person["firstName"] + "" + person["lastName"];
    </script>
</body>

</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html>

<body>

<h3>JavaScript Objects</h3>

<p> JavaScript Object Access Method 2 </p>

var person = {

firstName: "Sherlock",

lastName: "Holms",

id: 5266

};

document.getElementById("demo").innerHTML =

person["firstName"] + "" + person["lastName"];

</script>

</body>

</html>

JavaScript Object Access Method 2 
Sherlock Holms

1 2	JavaScript Object Access Method 2 Sherlock Holms

PHP Abstract Class

October 10, 2018

Abstract keyword is another new functionality in OOPS.

When a class declare by Abstract keyword this class cannot be instantiate. Means if user declares a class as an Abstract class he or she cannot create object of that class.

Abstract class is only use for inheriting another class. Main purpose of creating abstract class is to protected or restricted from direct object creation.

Example:

<?php
abstract class Harishchandra
{

}
class Gentleman extends Harishchandra
{

}
$gandhi = new Harishchandra;
?>

1

2

3

4

5

6

7

8

9

10

11

<?php

abstract class Harishchandra

{

}

class Gentleman extends Harishchandra

{

}

$gandhi = new Harishchandra;

?>

Output:

Fatal error: Cannot instantiate abstract class Harishchandra

1	Fatal error: Cannot instantiate abstract class Harishchandra

PHP Final Class

October 10, 2018

In PHP 5 a new mechanism added in OOPS which is Final Keyword.

If a class declares by final keyword then the class never extended. Child class can’t be created of any Final class.

It is restrict the overriding a method.

Only class and function may be declared as Final but no variable or properties cannot declare as Final.

Example

<?php

final class Brahmachari
{
    function sayHello()
	{
		echo "Hello";
	}
}
class Sons extends Brahmachari
{
	
}
$obj = new Brahmachari;
$obj->sayHello();
?>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<?php

final class Brahmachari

{

function sayHello()

{

echo "Hello";

}

class Sons extends Brahmachari

{

}

$obj = new Brahmachari;

$obj->sayHello();

?>

Output:

Fatal error: Class Sons may not inherit from final class (Brahmachari)

1	Fatal error: Class Sons may not inherit from final class (Brahmachari)

PHP Class and Objects

October 9, 2018

Class and objects is a programming template to write a program in a block.

It is helps to developer write complex program in simple way, reuse a program in multiple applications and create a structural program.

A class has two member one Variables and two Functions. A class is a program structure where developer defines application logic.

Object is a way which use to access class. Create an object developer access their application logic which defines in a class anywhere in a project.

Class and Object is a very useful and easy way to create a complicated application in a simple way.

Creating Class:

<?php
class Pen{
	var $name = “Ink”;
	var $price  = 25;
    function describe(){
	   echo “I am a pen Class”;
    }
}
?>

1

2

3

4

5

6

7

8

9

<?php

class Pen{

var $name = “Ink”;

var $price = 25;

function describe(){

echo “I am a pen Class”;

}

?>

Explanation:

Create a class with “class” keyword then define a class name. The name must start with string or underscore (_).

PHP is a case sensitive language so class name also case sensitive. Means Pen is write word to access this class. start PEN, pEn, The name not the same.

Between { } define whole logic or code. Variable must be declared with var keyword or public keyword and all logic operation must be defined in function.

Creating Object

<?php
class Pen{
	var $name = “Ink”;
	var $price  = 25;
 function describe(){
	echo “I am a pen Class”;
}
}
$obj = new Pen;
echo gettype($obj); //gettype() return the data-type of a variable 
?>

1

2

3

4

5

6

7

8

9

10

11

<?php

class Pen{

var $name = “Ink”;

var $price = 25;

function describe(){

echo “I am a pen Class”;

}

$obj = new Pen;

echo gettype($obj); //gettype() return the data-type of a variable

?>

Explanation:

new keyword create object of a class. Object has authority to access the class variable and function out of the class.

In this example $obj is an object of Pen class, $obj can access $name, $price or can call the describe() function out of the class.

Object never creates within class.

Accessing Members and Functions

<?php
class Fruit{
     var $name = “Banana”;
     var $price  = 200;
     function describe(){
              echo “The bucket is full of”.$this->name.” and price of this bucket is ”.$this->price;
        }
}

$obj = new Fruit;
$obj->describe();
echo “<br>”;
echo $obj->name;
echo “<br>”;
echo $obj->price;
?>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<?php

class Fruit{

var $name = “Banana”;

var $price = 200;

function describe(){

echo “The bucket is full of”.$this->name.” and price of this bucket is ”.$this->price;

}

$obj = new Fruit;

$obj->describe();

echo “<br>”;

echo $obj->name;

echo “<br>”;

echo $obj->price;

?>

Output:

The bucket is full of Banana and price of this bucket is 200
Banana
200

1

2

3

The bucket is full of Banana and price of this bucket is 200

Banana

200

Explain:

Accessing class member variable and function by object. “->” this is accessing symbol.

$this variable is use to access class member variable in to the class member function. $this is object pointer, with reference an instance of class.

Java Classes and Objects

August 23, 2018

Class

A class forms the basis for object-oriented programming. It defines the shape and nature of the object.

Any concept that we want to implement in oop’s must be encapsulated within a class. A class is a template for an object and an object is an instance for a class.

In another words class is a user defined data type.

Object

An object is a run time entity which has state and behavior. Example: A dog has states – name, breed ,color, etc. and behaviors – barking, eating etc.

It is a basic unit of Object Oriented Programming and represents the real-life entities. In a java program, we can create many objects and it is an instance of a class.

How to create object

Syntex for object:

 ClassName   ObjectName  =   new   ClassName();

1	ClassName ObjectName = new ClassName();

new operator dynamically allocates memory for an object

Write a program to demonstrate class and variables.

class RectangleArea {

    int length;
    int width;
}

public class Area {

    public static void main(String arg[]) {
        RectangleArea obj1 = new RectangleArea();
        RectangleArea obj2 = new RectangleArea();
        int a;
        // assign value to obj1 instance variable
        obj1.length = 10;
        obj1.width = 20;
        // assign value to obj2 instance variable 
        obj2.length = 10;
        obj2.width = 30;
        a = obj1.length * obj1.width;
        System.out.println("Area of the rectangle =" + a);
        a = obj2.length * obj2.width;
        System.out.println("Area of the rectangle =" + a);
    }
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

class RectangleArea {

int length;

int width;

}

public class Area {

public static void main(String arg[]) {

RectangleArea obj1 = new RectangleArea();

RectangleArea obj2 = new RectangleArea();

int a;

// assign value to obj1 instance variable

obj1.length = 10;

obj1.width = 20;

// assign value to obj2 instance variable

obj2.length = 10;

obj2.width = 30;

a = obj1.length * obj1.width;

System.out.println("Area of the rectangle =" + a);

a = obj2.length * obj2.width;

System.out.println("Area of the rectangle =" + a);

}

Result

Area of the rectangle =200
Area of the rectangle =300

1 2	Area of the rectangle =200 Area of the rectangle =300

In above program we can create an object in two lines as.

RectangleArea    obj1;
obj1  =  new   RectangleArea ();

1

2

3

RectangleArea obj1;

obj1 = new RectangleArea ();

First line declares the obj1 as a reference to an object. After this line obj1 contains a null value. Any attempt to use obj1 at this point will result in compile time error.

Next line allocates a RectangleArea object.

Getting id and class value of a html element

December 27, 2014

We have a div and we want to get its id value based on its class value.

Suppose a div is given as below and we want to fetch div id based on a button click.
for getting attribute id we use attr() method.

Example

<div class="select" id="select_25">
This is a ball
</div>
<input type="submit" value="Get Id" id="submit">

1

2

3

4

This is a ball

</div>

$(document).ready(function () {
    $(document).on('click', '#submit', function (event) {
        event.preventDefault();
         alert("id is "+$(".select").attr('id'));
         alert("class is "+$("#select_25").attr('class'));
    });
});

1

2

3

4

5

6

7

$(document).ready(function () {

$(document).on('click', '#submit', function (event) {

event.preventDefault();

alert("id is "+$(".select").attr('id'));

alert("class is "+$("#select_25").attr('class'));

});

Output

Ebhor.com

Tag Archives: class

Classes and Objects in JavaScript

Objects

PHP Abstract Class

PHP Final Class

PHP Class and Objects

Accessing Members and Functions

Java Classes and Objects

Class

Object

How to create object

Getting id and class value of a html element

Recent Posts