Object Constructors

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Object Constructors</h2>

<p id="demo"></p>

<script>

// Constructor function for Person objects
function Person(first, last, age, eye) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
  this.name = function() {
    return this.firstName + " " + this.lastName
  };
}

// Create a Person object
const myFather = new Person("Mahmoud", "adel", 50, "blue");

// Display full name
document.getElementById("demo").innerHTML =
"My father is " + myFather.name(); 

</script>

</body>
</html>

​x
 
<!DOCTYPE html>
<html>
<body>
​
<h2>JavaScript Object Constructors</h2>
​
<p id="demo"></p>
​
<script>
​
// Constructor function for Person objects
function Person(first, last, age, eye) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
  this.name = function() {
    return this.firstName + " " + this.lastName
  };
}
​
// Create a Person object
const myFather = new Person("Mahmoud", "adel", 50, "blue");
​
// Display full name
document.getElementById("demo").innerHTML =
"My father is " + myFather.name(); 
​
</script>
​
</body>
</html>