js之对象深入学习

                                                                         js之对象深入学习

  在学习js的过程中,会触及到对象的学习。对于对象可以将其分为以下几类:

         内置对象:是ES语法中定义的对象或者类
         宿主对象:是webAPI中定义的对象(宿主对象也可以是内置对象)
         自定义对象:通过js语法自己定义的对象
         自有属性:在对象中定义的属性
         继承属性:在对象的原型中定义的属性

 对于对象如何去创建的,在这里就不过多的去叙述。在java等一些面向对象的语言中,每当涉及到对象就会涉及到继承。因此在js中也会涉及到继承。这里需要引用到原型来说明js对象之中的继承关系。原型:表示一个js对象(null除外)和另一个对象之间的关联,每一个对象都成原型上继承属性   原型的表示:  构造函数名.prototype.  如:

          通过new Object()创建对象的原型——>Object.prototype
          new Array()创建对象的原型——>Array.prototype
  注:没有对象的原型很少Object.prototype就是其中之一

说完原型之后,那么就必须说到原型链。原型链:一系列链接的原型对象。例如:Date.prototype的属性继承自Object.prototype,因此由new Date()创建的对象的属性同时继承自Date.prototype和Object.prototype。注意:所有的内置构造函数(以及大部分自定义的构造函数)都具有一个继承自Object.prototype的原型。对于原型链还需要想到的就是在js中的继承方式,分别为原型链继承  使用构造函数继承  call调用结合构造函数继承 共有继承  圣杯模式继承具体看我之前写过的博客 ,具体的博客地址如下,上面有这几种是继承的实现实例 https://blog.csdn.net/care_yourself/article/details/86303173

在ES5中定义了一个名为Object.create()方法,它创建一个新的对象,其中第一个参数是这个对象的原型,并且提供了第一个可选参数。对于Object.create()其是一个静态的函数,而不是提供给某个对象调用的方法,使用时只需要传入原型对象即可,如:var  01 = Object.create({ x : 1, y: 2}); // o1继承了属性x与y      注意: 当传入的参数为null时,可创建一个没有原型的新对象,这种创建的方式会使得这个对象不会继承任何东西。创建空对象的方法, var  o2 = Object.create(Object.prototype); //o2和new Object与{}相同。

属性的查询与设置:
    Object.property与Object["property"]表示的结果是相同的。第二种表示方式称为关联数组也被称为伞列  映射或字典

属性访问错误:
    查询一个不存在的属性并不会报错,如果对象本身或者继承的原型中都没有这个属性,就会出现undefined 
    如果查询的对象并不存在,则在操作的过程中就会出现报错
    给null和undifined设置属性也会报类型错误,某些属性是只读或者是不能重新赋值时,不会报错但是会操作失败
    给对象o设置属性p会失败:
         1.o中属性p是只读的    2.o中的属性p是继承属性,且它是只读的  3.o中不存在自有属性p

删除属性:
   delete运算符可以删除对象的属性,delete运算符只能删除自有属性,不能删除继承属性。当delete表达式删除成功或没有任何副作用(比如删除不存在的属性时),它会返回true。

如:    o = { x :2 } 
          delete o.x //删除x,返回true
          delete o.x //x已经不存在,返回true
     delete不能删除那些可配置性为false的属性
如:  delete  Object.prototype //不能删除,属性不可配置  
         var x = 1;
         delete  this.x ;   //不能删除这个属性
         function  f(){};
         delete  this.f;   //不能删除全局函数 

检测属性:
   来检测集合中成员的所属关系——判断某个属性是否在某个对象中,可通in运算符  hasOwnProperty()和propertyIsEnumerbal()
来进行操作

     如:  var  o = { x : 1 }
              "x"  in o //true "x"是对象o的属性所以返回的结果为true
hasOwmProperty()方法用来检测给定的名字是否是对象的自有属性,propertyIsEnumerble()方法检测到自有属性并且这个属性的可枚举性为true时才会返回true

枚举属性:
   对于枚举属性,即就是去遍历对象中的属性,常采用的方式就是使用for/in来循环,其循环遍历的对象为所有可枚举性的属性(包括自有属性和继承的属性)
 过滤for/in循环返回的属性方式:
   for(p  in  o){
       if(!o.hasOwnProperty(p))  continue  //跳过继承属性
    }
  for(p in o){
       if( typeof o[p] === 'function')  continue //跳过方法 
    }
   在ES5中定义了两个用以枚举属性名称的函数,第一个是Object.keys()其返回一个数组,这个数组由对象中可枚举的自有属性的名称。第二个是Object.getOwnPropertyNames()它返回对象的所有自有属性的名称。

属性的getter与setter:
  在ES5中定义了getter和setter,由这两者定义的属性称为存取器属性,其不同于数据属性,数据属性是一个简单的值,如果属性同时具有setter和getter方法,那么它是一个读/写属性,只有getter方法是一个只读属性,只有一个setter是一个只写属性。
    //存取器属性通常都是成对定义的函数常通过set 与 get来定义
    get  all_prop()
    set   all_prop()
数据属性和存取器属性的区别
    不同点: 存取器属性不具有可写性
    相同点: 两者都是可继承性 


属性的特性:
   数据属性的四个特性:值(value) 可写性(writable)  可枚举性(enumerable)  可配置性(configurable)
   存取器属性的四个特性:取(get) 写入(set)  enumerable  configurable

查询和设置属性特性:
   可以通过这些APl给原型对象添加方法,将他们设置成不可枚举的
   可以通过API给对象定义不能修改或删除的属性
  调用Object.getOwnPropertyDescriptor()可以获得某个对象特定属性的属性描述符  调用Object.defineProperty(),可以设置属性的特性,或者想要其具有某种特性。
 
   如: var  o = {};
           //添加一个不可枚举的数据属性,并赋值为1
          Object.defineProperty(o, "x", {
                     value: 1,
                                writable: true,
                                enumerable: true,
                                configurable: true
                 })

当写入Object.defineProperty()的属性描述符对象,不必包含所有四个特性,默认的特性值是false或undefined。如果需要同时修改或创建多个属性,用Object.defineProperties(),只不过此时的第一个参数为要修改的对象,第二个参数为一个映射表。对于一些不允许创建或修改的属性来说,如果用上述的两种方法对其操作(修改或新建)会抛出类型错误异常,其更改需要遵循一定的规则

对象的三个属性: 1.原型   2.类   3.可扩展性
  1.原型: 用来继承属性,原型属性是在实例队形创建之初就设置好的。在ES5中查询原型的一些方法,将对象作为参数传入Object.getPrototypeof()可以查询它的原型,其实constructor.prototype才是对象直接量的真正原型,要检测一个对象是否是另一个对象的原型,可以使用isPrototype()方法,可通过P.isPrototype(o)来检测p是否是o的原型

 2.类属性:对象的类属性是一个字符串,可表示对象的类型信息,对象类型信息可通过toString()方法来查询,toString()方法提取已返回字符穿的第8个到倒数第二个位置之间的字符,因此可以封装一个函数来传递给它任意对象的类: 
                 function classof(o){
                       if( o === null ) return "null";
                       if( o === undefined ) return "undefined";
                       return Object.prototype.toString.call(o).slice(8,-1);
    }

3.可扩展属性:
     作用:用以表示是否可以给对象添加新属性,所有内置对象和自定义对象都是可扩展的,宿主对象的可扩展性由js引擎定义。在ES5中查询和设置对象可扩展性的函数。可以通过Object.esExtensible(),判断对象是否可扩展,Object.preventExtensions(),将转换的对象作为参数传入,设置对象为不可扩展的。Object.seal()除了设置对象为不可扩展外,还能让对象所有的属性设置为不可配置的。

在js中还有一些常用的对象方法,toStirng()  toLocalString()  toJSON()   valueOf()具体作用可以查询官方的文档来进行使用在这里也就不过多的叙述。所需要说的有关的js对象深入学习的内容就是如上所述。

猜你喜欢

转载自blog.csdn.net/care_yourself/article/details/100190776