江苏龙网

  1. 主页 > 生活百科 > >

javascript 创建对象常用几种方式

对象JavaScript


javascript 创建对象常用几种方式

文章插图
 
1.工厂模式function Person(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){alert(this.name); }; return o; }var person = Person("Greg", 27, "Doctor");person.sayName();// Greg工厂模式虽然解决了创建多个相似对象的问题 ， 但却没有解决对象识别的问题（即不能知道一个对象的类型）2.构造函数模式function Person(name, age, job){this.name = name; this.age = age; this.job = job; this.sayName = function(){ alert(this.name); }; } var person = new Person("Greg", 27, "Doctor");person.sayName();// Greg 构造函数始终都应该以一个大写字母开头 ， 而非构造函数则应该以一个小写字母开头 3.原型模式function Person(){}Person.prototype.name = "Nicholas";Person.prototype.age = 29;Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function(){alert(this.name);};var person = new Person(); person.sayName();//Nicholas对于原型模式理解就是 ， 每个函数都有一个 prototype（原型）属性 ， 这个属性是一个指针 ， 指向一个对象 ，  而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法 。4.直接创建一个 Object 的实例var person = new Object(); person.name = "Nicholas"; person.age = 29; person.job = "Software Engineer";person.sayName = function(){ alert(this.name); }; person.sayName();//Software Engineer5.通过”字面量“方式创建var person = { name: "Nicholas", age: 29, job: "Software Engineer",sayName: function(){ alert(this.name); } }; person.sayName();//Nicholas6.定义 class 类的方式class Person{ constructor(name,age){ this.name = name; this.age = age; } sayName(){ alert(this.name) }};var person = new Person('Nicholas');person.sayName();//Nicholas
【javascript 创建对象常用几种方式】


    推荐阅读


    上一篇：黑茶适合什么人群喝,大麦茶适合什么人喝

    下一篇：什么是JVM？