js对象的创建方式

Posted kerryqpw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js对象的创建方式相关的知识,希望对你有一定的参考价值。

js对象的创建方式:

  js也具有OOP编程思想,了解js对象,可以进一步了解js是如何面向对象编程的。

 

js的创建对象方式:

1.   Object

var a=new Object();
a.name="jack";
a.age=20;
a.sayName=function () {
console.log(this.name);
}

a.sayName();//打印jack

2.  字面量

var b={name:"rose",age:20,sayName:function () {
console.log(this.name);
}};

b.sayName();//打印rose

3.工厂模式

function createPerson(name,age) {
var o=new Object();
o.name=name;
o.age=age;
o.sayName=function () {
console.log(this.name)
}

return o;
}

var c=createPerson("kerry",30);
c.sayName();//打印kerry
 

4. 原型构造

function Person(name,age) {
this.name=name;
this.age=age;
}

Person.prototype.sayName=function () {
console.log(this.name+":"+this.age)
}
var d1=new Person("tom",23);
d1.sayName();//打印tom





































以上是关于js对象的创建方式的主要内容,如果未能解决你的问题,请参考以下文章

js代码片段

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

js创建对象的几种常用方式小结

js 创建对象的多种方式优缺点

js创建对象的几种方式