有关Js 创建对象的几种方式
发布于2021-03-10 18:59 阅读(1497) 评论(0) 点赞(24) 收藏(0)
JS 创建对象的几种方式
- new Object（）构造函数
var student1 = new Object();
student.name = "zs";
student.id = 123;
student.message = function(){
console.log("name:" + name + "id:" + id);
}
//调用方法
student1.message();
- 对象字面量{}
var student2 = {
name: "zs",
id: 123,
message: function(){
console.log("name:" + name + "id:" + id);
}
}
student2.message();
- 工厂函数
function createStudent(name,id){
var student = new Object();
student.name = name;
student.id = id;
student.message = function(){
console.log("name:" + this.name + "id:" + this.id);
}
return student;
}
//字面量写法
function createStudent(name,id){
return {
name : name;
id : id;
message : function(){
console.log("name:" + this.name + "id:" + this.id);
}
};
}
//生成真正的对象
var student3 = createStudent("zs",456);
var student4 = createStudent("zw",123);
student3.message();
-
自定义构造函数
-
构造函数是根据具体的事物抽象出来的抽象模板
-
实例对象是根据抽象的构造函数模板得到的具体实例对象
-
与工厂函数不同的是，构造函数的命名首字母大写，构造函数内部，不用构造一个空对象再赋值给变量里，直接将属性添加给this关键字，没有return语句。
-
function Student(name,id){
this.name = name;
this.id = id;
this.message = function(){
console.log(this.name + "," + this.id);
};
}
//生成对象实例
var student5 = new Student("ls",789);
//调用方法
student5.message();
所属网站分类: 技术文章 > 博客
作者：大哥你来啦
链接：http://www.qianduanheidong.com/blog/article/34286/11381e82d11daf001c12/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力