使用对象文字和构造函数创建的对象之间的主要区别是什么?

使用对象文字创建的对象是单例对象,这意味着当对对象进行更改时,它将影响整个脚本。而如果使用构造函数创建对象并对其进行更改,则该更改不会影响整个脚本中的对象。

 让我们单独讨论它们。

1)使用对象文字创建的对象

由于这些是单例,因此对对象的更改会在整个脚本中持续存在。一个实例中的更改将影响该对象的所有实例。 

在下面的示例中,如果我们观察到,则对象“ student ”和“ newStudent ”最初显示相同的名称(Ravi)。但是,一旦更改对象“ newstudent ”的名称(保持其他对象名称不变),则两个对象都将显示更改后的名称(kumar)。 

示例

<html>
<body>
<script>
   var student = {
      name: "Ravi"
   }
   var newStudent = student;
   document.write("Before change");
   document.write("</br>");
   document.write("student name = " + student.name);
   document.write("</br>");
   document.write("new student name = " + newStudent.name);
   document.write("</br>");
   newStudent.name = "kumar";
   document.write("After change");
   document.write("</br>");
   document.write("student name = " + student.name);
   document.write("</br>");
   document.write("new student name = " + newStudent.name);
</script>
</body>
</html>

输出结果

Before change
student name = Ravi
new student name = Ravi
After change
student name = kumar
new student name = kumar


2)使用构造函数创建的对象。

功能构造函数定义的对象使您具有该对象的多个实例。这意味着对一个实例所做的更改不会影响其他实例。

在以下示例中,即使对象“ newStudent ”的名称已更改,其他对象“ student ”的名称也保持不变。两个对象都显示不同的名称,如输出所示。

示例

<html>
<body>
<script>
   var stu = function() {
      this.name= "Ravi"
   }
   var newStudent = new stu();
   var student = new stu();
   document.write("Before change");
   document.write("<br>");
   document.write("student name = " + student.name);
   document.write("<br>");
   document.write("new student name = " + newStudent.name);
   document.write("<br>");
   newStudent.name = "kumar";
   document.write("After change");
   document.write("<br>");
   document.write("student name = " + student.name);
   document.write("<br>");
   document.write("new student name = " + newStudent.name);
</script>
</body>
</html>

输出结果

Before change
student name = Ravi
new student name = Ravi
After change
student name = Ravi
new student name = kumar