js--对象创建模式

我不是女神ヾ 2022-12-04 02:21 150阅读 0赞

1.Object函数创建模式。  
\*先创建空的Object对象，再动态添加属性/方法  
\*适用于开始不确定对象的内部数据，但是语句过多

var p = new Object();
    p.name = 'Tom';
    p.age = 12;
    p.setName = function(name){
    	this.name = name;
    }
    p.setName('xiaoz')

方法2：对象字面量模式  
\*使用\{\}创建对象，同时指定属性/方法  
\*起始时对对象内部数据是确定的，但如果创建多个对象会有重复代码

var p={
    	name:'Tom',
    	age:15,
    	setName:function(name){
    		this.name = name;
    	}
    }

方法3：使用工厂模式(工厂函数，返回的是对象)  
\*通过工厂函数动态创建对象并返回  
\*适用于创建多个对象  
\*对象没有具体类型，都是Object类型

方法4：自定义构造函数模式  
\*自定义构造函数，通过new创建对象  
\*适用于创建多个类型确定的对象  
\*但是浪费内存,因为每个对象都有相同的代码

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

var p1 = new Person(“ZZ”,20);  
方法5：构造函数+原型的组合模式  
\*自定义构造函数，属性在函数之中初始化，方法添加到原型上  
\*需要创建多个类型确定的对象

functin ThePerson(name,age){
    		this.name = name;
    		this.age = age;
    }
    ThePerson.prototype.setName = functionn(name){
    	this.name = name;
    }

js--对象创建模式

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 js创建对象的三种方式和js工厂模式创建对象

相关 JS中使用工厂模式创建对象

相关 JS高级（9）—— 对象创建模式

相关 js对象的创建对象模式和继承模式（下）---继承模式

相关 js对象的创建对象模式和继承模式（上）---构建对象模式

相关 js--对象创建模式

相关 js 创建对象

相关 JS创建对象

相关 js 创建对象

相关 JS创建对象（工厂模式、构造函数模式、原型模式）