javascript创建对象的几种方式 jsp的内置对象有哪些

本篇文章给大家谈谈javascript创建对象的几种方式，以及jsp的内置对象有哪些对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

JS创建对象几种不同方法详解_javascript技巧

本文介绍了几种js创建对象的方法，分享给大家供大家参考，具体内容如下

1、工厂模式

弊端：没有解决对象的识别问题，即怎么知道一个对象的类型。

2、构造函数模式

与工厂模式相比：

1、没有显式的创建对象

2、直接将属性和方法赋给了this对象

3、没有return语句

要创建person的实例，必须使用new操作符，以这种方式调用构造函数实际上会经历4个步骤：

1、创建一个新对象

2、将构造函数的作用域赋给新对象

3、执行构造函数中的代码

4、返回新对象

创建自定义的构造函数可以将它的实例标识为一种特定的类型。

构造函数的缺点：

每个方法都有在每个实例上重新创建一遍。person1和person2都有一个sayName()的方法，但两个方法不是同一个Function实例。不同实例上的同名函数是不相等的。

创建两个完成同样任务的Function实例没有必要，而且还有this对象在，不需要在执行代码前就把函数绑定在特定对象上，可以像下面这样。

把sayName属性设置成全局的sayName函数，这样，由于sayName包含的是一个指向函数的指针，因此person1和person2对象就共享了同一个函数。

但是，如果对象需要定义很多方法，那么就要定义很多全局函数，自定义的引用类型也没有封装可言了。为了解决上述问题，引入原型模式。

3、原型模式

理解原型对象

我们创建的每个函数都有一个prototype属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。prototype是通过调用构造函数而创建的那个对象实例的对象原型，使用原型对象的好处是可以让所有对象实例共享它所包含的属性和方法。

首先，解析器会问实例person1是否有name属性，如果有，就返回。

如果没有，就继续去person1的原型中搜索name属性，如果有就返回。

如果没有，再继续向person1的原型的原型中搜索。

isPrototypeOf()确定实例和原型对象之间的关联

console.log(Person.prototype.isPrototypeOf(person1));//true

Object.getPrototypeOf()返回的是[[prototype]]的值

console.log(Object.getPrototypeOf(person1));

//Person{name:“Yvette”, age: 26, job:“engineer”}返回的是Person的原型对象。

console.log(Object.getPrototypeOf(person1)=== Person.prototype)//true

console.log(Object.getPrototypeOf(person1).name);//”Yvette”

hasOwnProperty()方法可以检测一个属性是存在于实例中，还是存在于原型中，只有给定属性存在于实例中，才会返回true。

console.log(person1.hasOwnProperty(“name”));//false

原型与in操作符

有两种方式使用in操作符：单独使用和在for-in循环中使用。单独使用时，in操作符会在通过对象能够访问给定属性时返回true，无论该属性在于实例中还是原型中。

使用for in循环，返回的是所有能够通过对象访问的、可枚举的属性，其中既包括实例中的属性，也包括存在于原型中的属性。如果实例中的属性屏蔽了原型中不可枚举的属性，那么也会返回。IE9之前的版本实现上有一个Bug,屏蔽不可枚举属性的实例属性不会在for-in中返回。

在IE9之前的吧按本中没有log信息。尽管person实例中的toString()方法屏蔽了原型中的不可枚举的toString();

原型简写

这导致了person1.constructor不再指向Person，而是指向了Object。如果constructor很重要，则需要特意将其设为适当的值，如：

但是这种方式会导致constructor属性变成可枚举。

如果想设置为不可枚举的（默认不可枚举），可以使用Object.defineProperty(Person.prototype,“constructor”,{

enumerable: false,

value: Person

});

原型的动态性

由于在原型中查找值的过程是一次搜索，因此我们对原型对象所做的任何修改都能够立即从实例上反映出来。

如果重写整个原型对象，情况就不一样了。调用构造函数时会为实例添加一个指向最初原型的[[prototype]]指针，而把原型修改为另外一个对象就等于切断了构造函数与最初原型之间的联系。实例中的指针仅指向原型，而不指向构造函数。

person.prototype指向的是原本的原型对象，而不会指向新的原型对象。

原型对象的问题

原型模式最大问题是由其共享的本性所导致的。

对于包含引用类型值的属性来说，问题较为突出

本意只想修改person1的friends，但是却导致person2的friends属性值也改变了。因此我们很少单独使用原型模式。

4、组合使用构造模式和原型模式

创建自定义类型的最常用的方式，就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性，原型模式用于定义方法和共享的属性，这样每个实例都有自己的一份实例属性的副本，又同时共享着对方法的引用，最大限度的节省了内存。

javascript创建对象的几种模式介绍_基础知识

在js中有几种模式可以创建对象，通过对象操作所包含的属性与方法。

一般来说，构造函数名称的第一个字母为大写字母，非构造函数名称的第一个字母为小写字母，当然，构造函数与一般函数唯一的区别只是调用的方式不同而已，所以任何函数只要通过new来调用，那它就可以作为构造函数，若不通过new来调用，则与一般函数一样。

谈谈我对这几种模式的理解：

工厂模式：创建一个一般函数，在函数里创建一个Object对象，为这个对象增添属性与方法，同时赋予其值，最后返回对象。无法识别对象类型。

构造函数模式：创建构造函数，使用this来赋值，每当创建一个实例时，方法都被创建一次，而每个方法都执行相同的命令，这就多余了。这个缺点可以通过将方法放到全局环境中，但是，这样就没有封装性了。不过可以通过原型模式解决。

原型模式：每个函数都有一个prototype属性，该属性是一个指针，指向一个对象，该对象包含其函数创建的所有实例共享的属性与方法。

原型对象，构造函数以及实例之间的关系如下图：

图解：1：构造函数以及由构造函数创建的实例，它们的prototype属性都指向构造函数的原型对象。

2：构造函数的原型对象具有constructor属性，该属性指向构造函数。

3：构造函数的原型对象所包含的所有属性与方法可以被由构造函数所创建的所有实例共享。

使用对象字面量重写原型对象后，constructor则指向object构造函数，若需要其指向另一构造函数，则需修改原型对象的constructor属性的值，比如：constructor：Person，这样Person的原型对象即使被重写，原型对象的constructor仍指向Person构造函数。

当先创建实例时：若是直接添加属性或方法，实例可以访问。

若是重写原型对象，则构造函数的prototype指向新的原型对象，而之前创建的实例的prototype仍指向最初的原型对象，所以实例访问不到新的原型对象的新属性或和新方法。

原型对象包含的是共享的属性与方法，那么每个实例都拥有这些信息，这样实例之间就没有什么不同了，而且还不可以传参数，这不是我们所想要的。每个实例之间有共同的信息，又有不同的信息，所以我们可以组合使用构造函数模式与原型模式。

构造函数模式与原型模式的组合使用：

态原型模式：将独立的构造函数与其原型对象结合在一起，在构造函数里初始化原型，为其添加方法。

若该方法不存在，则将其添加到原型对象上，只在初始化原型时才执行，而且只执行一次。

寄生构造函数模式：与工厂模式类似，区别为：寄生构造函数模式为构造函数，通过new来创建实例。

稳妥构造函数模式：没有公共的属性，其方法不引用this的对象。创建实例时不使用new。只能通过方法访问属性（即传入的数据）。

JavaScript中创建类/对象的几种方法总结_javascript技巧

在JS中，创建对象（Create Object）并不完全是我们时常说的创建类对象，JS中的对象强调的是一种复合类型，JS中创建对象及对对象的访问是极其灵活的。

JS对象是一种复合类型，它允许你通过变量名存储和访问，换一种思路，对象是一个无序的属性集合，集合中的每一项都由名称和值组成（听起来是不是很像我们常听说的HASH表、字典、健/值对？），而其中的值类型可能是内置类型(如number,string)，也可能是对象。

一、由一对大括号括起来

代码如下:

var emptyObj={};

var myObj=

{

'id': 1,//属性名用引号括起来，属性间由逗号隔开

'name':'myName'

};

//var m= new myObj();//不支持

不知你注意到对象都是用 var声明的没有，像上面的代码，就只是简单的声明一个对象，它只有一份拷贝，你不能像实例化类对象一样对它采用new操作，像上面代码的注释部分。这样就极大的限制了对象的重用，除非你建立的对象只需要一份拷贝，否则考虑用其他方法建立对象。

下面一起看看如何访问对象的属性和方法。

代码如下:

var myObj=

{

'id': 1,

'fun': function(){

document.writeln(this.id+'-'+ this.name);//以"对象.属性"方式访问

},

'name':'myObj',

'fun1': function(){

document.writeln(this['id']+'+'+ this['name']);//以集合方式访问

}

};

myObj.fun();

myObj.fun1();

//结果

// 1-myObj 1+myObj

二、用 function关键字模拟 class

在 function中用 this引用当前对象，通过对属性的赋值来声明属性。如果用var声明变量，则该变量为局部变量，只允许在类定义中调用。

代码如下:

function myClass(){

this.id= 5;

this.name='myclass';

this.getName= function(){

return this.name;

}

}

var my= new myClass();

alert(my.id);

alert(my.getName());

//结果

// 5

// myclass

三、在函数体中创建一个对象，声明其属性再返回

在函数体中创建对象可利用第一点的方法，或先 new Object();再为各属性赋值。

不过用这种方式创建的对象在VS2008 SP1中是没有智能提示的。

代码如下:

function myClass(){

var obj=

{

'id':2,

'name':'myclass'

};

return obj;

}

function _myClass(){

var obj= new Object();

obj.id= 1;

obj.name='_myclass';

return obj;

}

var my= new myClass();

var _my= new _myClass();

alert(my.id);

alert(my.name);

alert(_my.id);

alert(_my.name);

//结果

// 2

// myclass

// 1

// _myclass

关于本次javascript创建对象的几种方式和jsp的内置对象有哪些的问题分享到这里就结束了，如果解决了您的问题，我们非常高兴。