与JavaScript恋爱之对象的三个属性

wanglu1209 发布于2019-08-22 10:48 / 3446人阅读

摘要：为要检测的对象构造函数创建的对象继承了一个叫的属性，该属性指代该构造函数，即的原型。使用直接量创建的对象，也有一个叫的属性，该属性指代构造函数，所以直接量创建的对象的真正原型是，使用方法来检测对象的原型并不可靠，在以后的文章中会提到。

一、原型属性
1、对象的原型属性是用来继承属性的，这个属性如此重要，我们通常称为：对象的原型属性或对象的原型。
对象的原型是在对象实例化的时候就设置好的:
(1)、通过对象直接量创建的对象的原型是Object.prototype
(2)、通过(new+构造函数)的方式创建的对象的原型是(构造函数的prototype属性) 如：var arr=new Array(),arr的原型是：Array.prototype
(3)、通过new create(),创建的对象的原型是该方法的第一个参数，如： var obj=new create(o);obj的原型是o
2、检测对象的原型方法：
1、o.isPrototypeOf(p),(o为原型，p为要检测的对象)：

var o={x:0,y:1};
var p=new create(o);
o.isPrototypeOf(p);    //true
Object.prototype.isPrototypeOf(p);  //true

上面例子中通过new create()创建对象，o作为p的原型，o为字面两创建的对象,o的原型是Object.prototype,
p继承了o的属性，o继承了Object.prototype的属性，所以p继承了o和Object.prototype的属性，形成了一个原型链,所以Object.prototype是p的原型(可以理解为最上游的原型)。
2、o.constructor.prototype,(o为要检测的对象)：
new+构造函数创建的对象继承了一个叫constructor的属性，该属性指代该构造函数，o.constructor.prototype即o的原型。使用直接量创建的对象，也有一个叫constructor的属性，该属性指代Object构造函数，所以直接量创建的对象的真正原型是:o.constructor.prototype，使用o.constructor.prototype方法来检测对象的原型并不可靠，在以后的文章中会提到。
3、在ECMAScript5中，Object.getPrototypeOf(o)这个方法来获取对象的原型，这个方法IE8及以下不支持。
二、类属性
对象的类属性(class)是一个字符串,ECMAScript3和ECMAScript5没有提供设置对象类的方法，有一种间接的方法访问对象类的属性：toString(),该方法继承自Object.prototype返回字符串"[Object class]",我们只要取返回字符串的下标为8到-1的字符串就获取了对象的类属性class了，但是有很多的自定义对象重写了toString()方法，获取对象的类属性时须调用Function.call()方法,下面是返回任意对象的类属性的classOf()函数：

function classOf(o){
   if(o===null) return "Null";
   if(o===undefined) return "Undefined";
   return Object.prototype.toString().call(o).slice(8,-1);
}
classOf(1);  //"Number"
classOf(""); //"String"
classOf(new Array()); //"Array"
classOf(new Date());   //"Date"
classOf(new RegExp()); //"RegExp"
classOf(true);  //"Boolean"
classOf({});  //"Object"
classOf(window); //"window"(客户端的宿主对象)
function F(){}   //自定义一个构造函数
classOf(new F());   //"Object",对于自定义的对象无法区分类

三、可扩展性
对象的可扩展性表示对象是否可以添加新的属性，内置对象和自定义对象默认都是可扩展的，可以通过方法设置为不可扩展的，宿主对象的可扩展性是由javascript的引擎定义的。
1、查询对象的可扩展性,Object.isExtensible(),参数传入要查询的对象,如：

var obj={};
Object.isExtensible(obj); //该方法IE8及以下不支持

2、设置对象的可扩展性，
(1)、Object.preventExtensions(),参数传入要设置的对象，一旦对象的可扩展性设置为不可扩展的，就无法复原为可扩展的了，但不影响对象的继承属性，通过在对象的原型中添加属性，这个不可扩展的对象任然会继承原型新添加的属性。使用该方法后，对象：不可扩展、可配置、可写。(可枚举不受影响，存取器属性不受影响)
(2)、Object.seal(),参数传入要设置的对象，该方法可设置对象为不可扩展的和对象的属性是不可配置的，也就是说对象不能添加新的属性，不能配置和删除该对象属性，但是该对象的可写的属性任然可以设置。使用该方法后，对象：不可扩展、不可配置、可写。(可枚举不受影响，存取器属性不受影响)
(3)、Object.freeze(),参数传入要设置的对象，"冻结"对象，使用该方法后，对象：不可扩展、不可配置、不可写。(可枚举不受影响，存取器属性不受影响)

       var obj=Object.seal(Object.create(Object.freeze({x:1}),{
              y:{value:2,writable:true},
              z:{value:3,writable:true}
       }));
       obj.x=-1;
       obj.y=-2
       obj.x; //1,Object.freeze({x:1});设置该对象不可扩展、不可配置、不可写
       obj.y;//-2,Object.seal(),设置该对象为不可扩展、不可配置、没有设置对象的可写性

上面例子中Object.create()创建了一个对象原型是Object.freeze({x:1});原型是不可扩展的,继承属性x不可配置，不可写。自有属性有y和z，y、z的属性描述符如例子中所示，是可写的，不可配置，不可枚举，Object.seal()传入了创建的对象，使得对象：不可扩展，对象里面的属性：不可配置，但没有影响可写性和可枚举性。

GPU云服务器云服务器对象的属性匹配对象的属性和函数 js中集合对象的属性 js包装对象中的属性

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91289.html

与JavaScript恋爱之对象序列化

摘要：对象序列化是指对象状态转为字符串，也可以将字符串还原为对象。提供了和两个方法使用该方法序列化对象。只能序列化对象的可枚举的属性，对于一个不能序列化的属性将在对象序列化后生成的字符串中省略掉这个属性。对象序列化是指对象状态转为字符串，也可以将字符串还原为对象。ECMAScript5提供了JSON.stringify()和JSON.parse()两个方法：1、JSON.stringify...

includecmath 2019-08-22 10:48 评论0 收藏0
与JavaScript恋爱之数组（一）

摘要：一认识数组数组是值的有序集合。每一个值叫一个元素，每一个元素在数组中有一个位置，以数字表示，叫做索引。数组的索引类似于对象的属性名等价于每个实例数组都继承自中的属性。构造函数传入多个参数时参数为元素。一、认识数组数组是值的有序集合。每一个值叫一个元素，每一个元素在数组中有一个位置，以数字表示，叫做索引。第一个元素的索引为0，数组有一个length属性，为数组的元素个数，length比...

fantix 2019-08-22 10:50 评论0 收藏0
与JavaScript恋爱之数组（三）

摘要：一循环使用参数为对象，返回一个数组，为对象属性名的集合不可枚举的除外。数组循环数组循环方法：for循环，forEach(),for/in。一、for循环1.使用Object.keys()参数为对象，返回一个数组，为对象属性名的集合(不可枚举的除外)。IE8+，然后使用for循环得到对象的值的集合。 var o={a:1,b:2,c:3}; Object.defineProperty(...

mengera88 2019-08-22 10:50 评论0 收藏0
与JavaScript恋爱之数组（二）

摘要：索引删除某个元素，数组不变理解数组是特殊的对象，转变成稍后章节中介绍数组的其他方法一、数组元素的添加 var arr=[];//创建一个空数组 arr[0]=0;//给arr添加第一个元素 arr[0]=1;//修改arr第一个元素 arr.push(1);//给arr末尾添加一个元素 arr.unshift(-1);//给arr前面添加一个元素二、数组元素的修改 var arr=...

李增田 2019-08-21 11:16 评论0 收藏0
与JavaScript恋爱之关于DOM对象相关的兼容封装（一）

摘要：兼容获取指定对象下具有指定类名的对象参数为父节点对象，为类名当没有传入指定的父节点对象时默认获取下所有的指定类事件绑定兼容需要绑定事件的元素，事件类型，执行函数级及以下级 1、兼容获取指定DOM对象下具有指定类名的DOM对象 //参数：parentNode为父节点对象，className为class类名 //当没有传入指定的父节点对象时,默认获取document下所有的指定类 func...

Shihira 2019-08-22 10:49 评论0 收藏0