1.创建对象

  • 创建:对象直接量、new、Object,create()。

  • 原型:每一个对象(除了null)都和另一个对象(原型)相关联,每个对象都从原型继承属性(prototype)。

//例如
new Array()、[]
//创建的对象都继承自Array.prototype;
//Array.prototype又继承自Object.prototype,由此构成的一系列………………………………就是原型链。
  • 创建对象create()的用法:

//create():
var o = Object.create({a:1,b:2});
//如果create(null)的话,他创建的对象不继承任何。
var o1 = Object.create(Object.prototype);
//这样则和new Object()相同。

//通过原型创建新对象(模拟原型继承)
function inherit(p){
    if(p == null){
        throw TypeError();
    }
    if(Object.create){
        return Object.create(p);
    }
    var t = typeOf p;
    if(t != 'object' && t != 'function){
        throw TypeError();
    }
    function f(){};
    f.prototype = p;
    return new f();
}

2.继承

  • what is
    it?:假设一个对象obj,并查找他的属性o1,如果obj中存在则找到,如果不存在会在obj的原型中查找,如果还木有就在原型对象的原型上边查找,知道找到了或者原型为null了。

var obj = {};
obj.o1 = 1;
var p = inherit(obj)//前边写过的一个函数;
p.o2 = 2;
p.o1 = 2;
console.log(p.toString());//找到Object.prototype中的toString();
console.log(p.o1);//找到obj.prototype,结果是3,之前提到的不会修改原型链。

  • 属性访问错误:

var obj = {};
console.log(obj.v.length);//抛出异常,因为undefined没有length属性。
//可以用下边的方法↓
var len = obj&&obj.v&&obj.v.length;
//利用&&的“短路性”,并在有操作值为true的时候返回其返回值。

3.删除属性

  • delete不可以删除继承属性,要删除就要在原型对象上删除,并且会影响所有继承它的对象。

var obj = {a:1};
delete obj.a;//delete obj['a'];删除a属性;
delete obj.b;//true
delete obj.toString();//true
delete 1;//true

4.检测属性

  • in运算符:检测对象以及对象原型链上是否有某属性;

  • hasOwnProperty:检测对象本身是否有某属性;

  • propertyIsEnumerable:检测对象本身是否有某可枚举属性;

  • !==运算符:通过判断属性是否!==undefined;

5.枚举属性

  • for/in枚举:会枚举出自行添加的属性,须进行判断;

//通过判断来枚举
for(var i in obj){
    if(!obj.hasOwnProperty(i)) continue;
}
//通过extend来枚举↓一个不是很完善的extend
function extend(obj,obj1){
    for(var i in obj1){
        obj[i] = obj1[i]
    }
    return obj;
}
  • Object.keys()枚举:ES5;

  • Object.getOwnPropertyNames()枚举:ES5。

5.getter和setter

  • 获取和设置属性的方法

  var obj = {
     val:100,
     get getval(){
         return this.val;
     },
     set setval(x){
         this.val = x;
     }
 }

6.属性的特性

  • 数据属性:值、可写性、可枚举性、可配置性。

  • 存取器属性:读取、写入、可枚举性、可配置性。

  • 通过Object.getOwnPropertyDescriptor()来获取自有特性。

  • 通过definedProperty()/definedProperties()设置属性的特性。

  • Stronger的extend();

Object.defineProperty(Object.prototype,"extend",{
    writable:true,
    emuerable:false,
    configration:true,
    value:function(obj){
        var names = Object.getOwnPropertyNames(obj);
        for(var i = 0 ; i <names.length ; i++){
            if(names[i] in this) continue;
            var temp = Object.getOwnPropertyDescriptor(obj,names[i]);
            Object.defineProperty(this,names[i],temp);
        }
    }
})
  • getter&setter老得API,非标准方法

_lookupGetter_
_lookupSetter_
_defineGetter_
_defineSetter_

7.原型属性

  • 用Object.getPrototypeOf()查询原型。

未完~~~


nelson2016
127 声望8 粉丝

小的是一枚web前端开发攻城狮,但正在不断努力称为一名Full Stack。