JS创建对象的四种方式
发布于2021-03-07 22:46 阅读(805) 评论(0) 点赞(12) 收藏(5)
对象：特指某个事物，具有属性和方法
创建对象：实例化一个对象的同时对其属性进行初始化
1、字面量创建对象
var obj1={
name:"amethyst",
color:"blueviolet",
code(){
console.log('love coding');
}
}
console.log(obj1.color);//blueviolet
obj1.code();//love coding
2、调用系统的构造函数创建对象
var obj2=new Object();
obj2.name="lanlan";
obj2.color="pink";
obj2.eat=function(){
console.log('love eating');
}
console.log(obj2.name);//lanlan
obj2.eat();//love eating
3、自定义构造函数创建对象
function Person(name,age){
this.name=name;
this.age=age;
this.dream=function(){
console.log('go ahead');
}
}
var obj3=new Person('puppy',18);
console.log(obj3.name);//puppy
obj3.dream();//go ahead
4、工厂模式创建对象
function creatObject(name,hobby){
var obj=new Object();
obj.name=name;
obj.hobby=hobby;
obj.sleep=function(){
console.log('sleep all day');
};
return obj;
}
var obj4=creatObject('zhao','eating');
console.log(obj4.name);//zhao
obj4.sleep();//sleep all day
工厂模式创建对象和自定义构造函数创建对象都是函数，都可以传入参数，不同的是：
工厂模式函数名是小写，有new，new之后的对象是当前对象，有返回值，直接调用函数就可以创建对象；
自定义构造函数的函数名首字母大写，没有new，没有返回值，this是当前对象，通过new的方式来创建对象
所属网站分类: 技术文章 > 博客
作者：听说你混的不错
链接：http://www.qianduanheidong.com/blog/article/33568/bb69f09d95fcb54af3f6/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力