JavaScript中的构造函数和工厂函数说明

在cnblog上看到一篇文章,讲解JS中的构造函数和工厂函数,觉得讲的真好

JavaScript中的工厂函数和构造函数都能用来创建一个对象,我们可以来看看下面的例子

 

构造函数

复制代码
function createStudent(id,name,class,grade){
   
             var o = new Object();
             o.id = id;
             o.name = name;
             o.class = class;
             o.grade = grade;
             o.GetInfo = function(){

             console.log("学生" + this.name + "来自" + this.class + "班级");

              }

            return 0;
}

var student1 = new createStudent(1,"Luke","Class 1", 5);
      student1.GetInfo();
复制代码

JavaScript中的构造函数

 

复制代码
function Student(id,name,class,grade){
    
           this.id = id;
           this.name = name;
           this.class = class;
           this.grade = grade;
           this.GetInfo = function(){
             console.log("学生" + this.name + "来自" + this.class + "班级");
          } 
}
var student2 = new Student(2,"Mike","Class 3",6);
student2.GetInfo();
复制代码

  可以看出,上面两个代码片段都能去创建一个Student对象,区别在于,在用工厂函数创建Student对象时,无法知道这个对象的类型, 但用构造函数创建对象时,能够很明确地知道它是什么类型

具体如下

console.log(student1 instanceof Student)  返回false, Student1 是Object类型

console.log(student2 instanceof Student) 返回true

posted on   新西兰程序员  阅读(589)  评论(0编辑  收藏  举报

编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
历史上的今天:
2016-10-19 Git使用过程中出现项目文件无法签入Source Control的情况
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

点击右上角即可分享
微信分享提示