本文主要分享JS创建对象的四种方式,即通过文字方式创建对象、使用新字符创建对象、通过自定义构造函数创建对象、通过工厂模式创建对象。更多详情请参考下文的具体内容。
: 目录
1.通过文字手段创建对象2。用新角色创建对象3。通过自定义构造函数4创建对象。在工厂模式下创建对象
创建对象的4种方式:
。1.真的创造物体。
2.使用新角色创建一个对象
3.自定义构造函数
4.在工厂模式下创建对象。
对象是指:
有属性和方法1.通过字面量的方式去创建对象
var person1={
名字:“柯南”,
年龄:12岁,
性别:“男性”,
eat:function(){
Console.log(我饿了,想吃饭)
},
跟大家讲:function(){
Console.log(我叫柯南)
}
}
Console.log(person.eat输出函数,person.eat)
person . eat();//直接输出我饿了,想吃饭。
我们需要注意的是:
person.eat和person . eat()的区别Person.eat是输出函数。
Person.eat()是调用函数。
2.使用new字符创建对象
var person 2=new Object();
Person2.name=柯南
年龄=21
Person2.sex=男性
person2.eat=function(){
Console.log(我饿了,想吃饭)
}
person2.say=function(){
Console.log(我叫柯南)
}
Console.log (gender ,person2.sex) //输出男性
上面这两种方式去创建对象的缺点:
虽然以上两者都可以用来创建对象
但是我们不知道我们创造了什么样的物体。
当然,我们知道它们是对象类型的。
此时,我们需要使用自定义构造函数来创建对象。
3.自定构造函数创建对象
功能人(姓名、年龄、性别、喜欢){
Console.log(如果不向like参数传递值,则它是未定义的,like)
//这里的这个指向对象Person
console.log(this ,this)
this.name=name
this.age=年龄;
this.sex=sex
this.say=function(){
Console.log(我的名字,名称)
}
}
//这行代码指示对象的创建。
//同时实例化一个对象
//并初始化该对象的属性
//所以这行代码并不简单
Let 1=新人(柯南,19,男);
per 1 . say();
console . log(Person的每1个实例);//真
现在我们知道per1属于Person类型,这是自定义构造函数创建对象的优势。我们知道它创造了什么类型的物体。
ps:
构造函数通常大写。当我们new一个对象的时候做了四件事情:
通过创建自定义对象,我们知道在创建对象时要做四件事。
1.打开空间来存储当前对象
2.将此设置为当前对象
3.设置属性和方法
4.返回此对象
4.工厂模式创建对象
函数createObj(姓名,年龄){
let obj=new Object();
obj.name=name
年龄=年龄;
obj.sayHi=function(){
console.log(obj.name)
}
返回obj
}
Let per=createObj(斯腾,200)
console . log(per . age);//200
per . say hi();//司腾
关于JS创建对象的四种方式的文章到此结束。有关JS创建对象的四种方式的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们!