1、利用JavaScript 原生提供Object对象,即所谓的原始模式
var person = new Object();//JavaScript 原生提供Object对象,JavaScript 的所有其他对象都继承自Object对象,即那些对象都是Object的实例。 person.name = ‘zhangsan‘;//动态的创建属性 person.age = 23; person.sayNmae = function(){//动态的创建方法 console.log(this.name) }
2、json格式的方式,其实就是上面的简便写法
var person = {};//这接创建一个空的对象
person.name = ‘zhangsan‘;//动态的创建属性
person.age = 23;
person.sayNmae = function(){ //动态的创建方法
console.log(this.name)
}
3、工厂模式
所谓的工厂模式就是用函将 原始模式进行了封装
function createPerson(name,age){
var v = new Object();
v.name = name;
v.age = age;
v.sayName = function(){
console.log(this.name);
};
return v;
}
var person1 = createPerson(‘zhansan‘,22);
var person2 = createPerson(‘wangwu‘,38);
//上面的方式虽然可以提高代码的复用率,但和面向对象中类的概念相比有一个很大的缺陷。面
//相对象强调对象的属性私有,而对象的方法是共享的。而上面的工厂方法创建对象的时候要为每个
//对象创建各自私有的方法。同时由于为每个对象都创建逻辑相同的方法,浪费内存
4、构造函数模式
所谓”构造函数”,就是专门用来生成实例对象的函数。(它就是对象的模板,描述实例对象的基本结构。一个构造函数,可以生成多个实例对象,这些实例对象都有相同的结构。)
function Person (name,age){
this.name = name;
this.age = age;
this.sayNmae = function(){
console.log(this.name)
}
}
var person1 = new Preson(‘zhangsan‘,23);
var person2 = new Person(‘lisi,25);
//构造函数的方式和工厂方式一样,会为每个对象创建独享的函数对象。当然也可以将这些函数
//对象定义在构造函数外面,这样又有了对象和方法相互独立的问题
上面代码中,Person 就是构造函数。为了与普通函数区别,构造函数名字的第一个字母通常大写。
构造函数的特点有两个。
this关键字,代表了所要生成的对象实例。new命令。 其中new命令的作用,就是执行构造函数,返回一个实例对象。
5、原型模式
利用的对象的prototype属性
script type="text/javascript">
function Person(){} //定义一个空构造函数,且不能传递参数
//将所有的属性的方法都赋予prototype属性
Person.prototype.name = "Koji"; //添加属性
Person.prototype.age = 22;
Person.prototype.showName = function(){ //添加方法
alert(this.name);
}
Person.prototype.showAge = function(){
alert(this.age);
}
var obj1 = new Person(); //生成一个Person对象
var obj2 = new Person();
obj1.showName(); //Koji
obj1.showAge(); //22
obj2.showName(); //Koji
obj2.showAge(); //22
</script>
6、混合模式即构造函数/原型方式
<script type="text/javascript">
function Person(name, age) {
this.name = name;
this.age = age;
this.array = new Array("Koji", "Luo");
}
Person.prototype.showName = function() {
alert(this.name);
}
Person.prototype.showArray = function() {
alert(this.array);
}
var obj1 = new Person("Koji", 22); //生成一个Person对象
var obj2 = new Person("Luo", 21);
obj1.array.push("Kyo"); //向obj1的array属性添加一个元素
obj1.showArray(); //Koji,Luo,Kyo
obj1.showName(); //Koji
obj2.showArray(); //Koji,Luo
obj2.showName(); //Luo
</script>
//使用构造函数定义对象的属性,使用原型(prototype)定义对象的方法,这样就可以做到属性
//私有,而方法共享。
原文:https://www.cnblogs.com/xuwupiaomiao/p/12775811.html