js中创建对象的几种方式
2021-03-18 01:23
标签：原型 str 相对 模式 convert 基本结构 nsa san cti 1、利用JavaScript 原生提供 2、json格式的方式，其实就是上面的简便写法 3、工厂模式 所谓的工厂模式就是用函将 原始模式进行了封装 4、构造函数模式 所谓”构造函数”，就是专门用来生成实例对象的函数。（它就是对象的模板，描述实例对象的基本结构。一个构造函数，可以生成多个实例对象，这些实例对象都有相同的结构。） 上面代码中，Person 就是构造函数。为了与普通函数区别，构造函数名字的第一个字母通常大写。 构造函数的特点有两个。 其中 5、原型模式 利用的对象的prototype属性 6、混合模式即构造函数/原型方式 js中创建对象的几种方式 标签：原型 str 相对 模式 convert 基本结构 nsa san cti 原文地址：https://www.cnblogs.com/xuwupiaomiao/p/12775811.htmlObject对象,即所谓的原始模式var person = new Object();//JavaScript 原生提供
Object对象,JavaScript 的所有其他对象都继承自Object对象，即那些对象都是Object的实例。
person.name = ‘zhangsan‘;//动态的创建属性
person.age = 23;
person.sayNmae = function(){//动态的创建方法
console.log(this.name)
}var person = {};//这接创建一个空的对象
person.name = ‘zhangsan‘;//动态的创建属性
person.age = 23;
person.sayNmae = function(){ //动态的创建方法
console.log(this.name)
}
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);
//上面的方式虽然可以提高代码的复用率，但和面向对象中类的概念相比有一个很大的缺陷。面
//相对象强调对象的属性私有，而对象的方法是共享的。而上面的工厂方法创建对象的时候要为每个
//对象创建各自私有的方法。同时由于为每个对象都创建逻辑相同的方法，浪费内存
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);
//构造函数的方式和工厂方式一样，会为每个对象创建独享的函数对象。当然也可以将这些函数
//对象定义在构造函数外面，这样又有了对象和方法相互独立的问题
this关键字，代表了所要生成的对象实例。new命令。new命令的作用，就是执行构造函数，返回一个实例对象。
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
//使用构造函数定义对象的属性，使用原型（prototype）定义对象的方法，这样就可以做到属性
//私有，而方法共享。