JavaScript 中的Object的使用详解笔记(一)

昨天的学习笔记，今天更新上。第三遍看oop，还是理解的比较到位了。

 

1、JavaScript的组成：ECMAScript（最新6） + DOM + BOM

2、数组与对象的应用：

object的基础学习：

对象的分类：js内置类（Number）；宿主环境（window）；自己创建

对象里面有属性也有方法

创建对象的几种方式

主要分为三种方式：字面量、new（） 、create（）；

属性的一些方法:

1、遍历  for（sx in  p）{} 反射式循环注意是无序的：Object.keys(p);返回数组类型的key就可以进行排序了。

一。字面量的方式

1、使用括号的的方式：json 的形式 （字面量 ）

var one  ={   name："chen", age:31,sex:"man"}

typeof one

"object"

a、其中get与set的使用方法：

1、get与set是方法，因为是方法，所以可以进行判断。

2、get是得到 一般是要返回的   set 是设置 不用返回

3、如果调用对象内部的属性约定的命名方式是_age

 

具体的例子查看：http://www.cnblogs.com/chenjinxinlove/p/5195576.html

b、其中对象的两种访问方式

.的方式   []的方式

例如创建了：var o = {1："abc"} 使用o.1保错  只有使用 o["1"]来访问

在循环等方式用[]比较好

c、没有的时候回返回undefault

d、级联访问

 

二、new（）方法创建

 

1、使用Object构造函数来创建对象：

 var one = new Object();   使用了Object的关键字

one.name="chen";

one.age=21;

one.name;

chen

one["name'];

chen

 

a、使用defineProperty可以设置属性：

     

Object.defineProperty(object, propertyname, descriptor)

向对象添加多个属性或修改多个现有属性，可使用 Object.defineProperties 

可以设置属性

1、不可写：Object.defineProperty(obj, "newDataProperty", { writable: false });

Object.defineProperty(car,'wheels',{value:4,writable:false});

Object {wheels: 4}

car.wheels = 5;

5

car.wheels

4

          2、添加访问器属性   

a、configurable : true, 可配置特性当设置为true时，属性可以从父对象中删除，未来还可以修改属性的描述符；当设置为false时，属性的描述符会被锁定，无法修改。可以将属性的configurable特性设为false。用于保护对象不被修改，这是一种防御性的编程方式。又得内置对象的感觉：

var car = {};

Object.defineProperty(car, 'doors' , { configurable: true, value:4 });

delete car.doors;

=>true

car.doors;

=>undefined

Object.defineProperty(car, 'doors' , { configurable: false, value:4 });

=>Object {doors: 4}

delete car.doors;

=>false

car.doors;

=>4

b、可枚举特性（enumberable）如果对象的属性可以使用代码来遍历，那那些属性就是可以枚举的。当将其设为false时。那些属性不能被遍历。

var car = {};

Object.defineProperty(car,'doors',{writable:true,configurable:true,enumerable:true,value:4});

Object {doors: 4}

console.log(Object.keys(car));

=> ["doors"]

Object.defineProperty(car,'doors',{writable:true,configurable:true,enumerable:false,value:4});

Object {doors: 4}

console.log(Object.keys(car));

=> []

3、捡视对象

a、Object .getOwnPropertyDescriptor  可以详细的告诉我们对象属性的配置

     Object.getOwnPropertyDescriptor(car,'doors');

     =>Object {value: 4, writable: true, enumerable: false, configurable: true}

 

          b、Object .getOwnPropertyNames 可以返回对象属性的名字，包括那些不能枚举的：

               console.log(Object.getOwnPropertyNames(box).sort());

          c、Object .getPrototypeOf 返回特定对象的原型。有时还可以使用__proto__方法来替代哪个方法

          var a = {} ；

          console.log(Object.getPrototypeOf(a) === Object.prototype && Object.prototype === a.__proto__);

          => true

          d、Object .hasOwnProperty  （“name” in p   ）一样 JavaScript的原型链可以让你通过遍历一个对象的实例，返回所有可枚举的属性，包括不存在于哪个对象上但是存在于原型链中的属性。hasOwnProperty方法可以让你分辨出某个属性师傅存在于对象的实例中：

          e、Object .keys   返回对象中可枚举的属性 

          f、Object .isFrozen 如果对象不能拓展，属性也不能修改，那么哪个方法返回true，反之false

          g、Object .isPrototypeOf  哪个方法在对象的整整个原型链中检查每一环，看传入的对象师傅存在于其中：

               Object.prototype.isPrototypeOf([]);

               =>ture

               Function.prototype.isPrototypeOf(()=>{});

               =>true

               Function.prototype.isPrototypeOf(function(){});

               =>true

               Object.prototype.isPrototypeOf(()=>{});

               =>true

          e、isExtensible 可以使用哪个来检查哪个对象是否可被修改

          h、Object .isSealed   Object.valueof 

          j、 Object.is 可以判断两个参入的参数，在需要强制转换的情况下，是否具有相同的值。

          Object.is('ture','ture')

=>true

Object.is('Ture','ture')

=>false

Object.is(undefined,Math.prototype)

=>true

4、修改对象

     a、Object.freeze   冻结对象可以防止它再次被改变。被冻结的对象不能加入新的属性，已有的属性也不能被移除，已有的属性值也不能被改变：

          var bombPop = {wrapping: 'plastic',flavors:['Cherry','LIME','CHEN']};//创建对象

 

console.log(Object.isFrozen(bombPop))   //检查是否不可修改

 =>false

delete bombPop.wrapping;//删除一个属性

=>true

console.log(bombPop.wrapping);//删除成功

=>undefined

Object.freeze(bombPop);//冻结属性

          delete bombPop//     删除一个属性

false //删除失败

bombPop.flavors

["Cherry", "LIME", "CHEN"]

       b、Object.defineProperties   允许定义新的属性或修改已有的属性

          <script type="text/javascript">

    var car = {} ;

    Object.defineProperties (car, {

                'wheels' : {

                    writable: true,

                    configurable: true,

                    enumerable: true,

                    value:4

                },

                'doors' : {

                    writable: true,

                    configurable: true,

                    enumerable: true,

                    value: 4

                }

            }

    );

    console.log(car.doors);

    //=>4

    console.log(car.wheels);

    //=>4

         </script>

     c、Object.defineProperty   允许定义新的属性或修改已有的属（一个）

     d、Object.preventExtentsions 哪个函数可以阻止新的属性被加到一个对象中，与冻结的区别是：可以删除

          var car ={doors:4}

Object.isExtensible(car) ===true //检查是否可以修改

=>true

Object.preventExtensions(car)//冻结

Object.isExtensible(car) ===true

=>false  //不该修改了

car.doors

=>4

delete car.doors; //但是可以删除

=>true

car.doors

=>undefined

car.tires = 4  //也不能新增

=>4

car.tires

=>undefined

          e、Object.prototype

               通过设定对象原型，是对象从现在的原型链解耦，并将此对象加到对象的原型链尾部。哪非常有用，可以吧其他对象的属性和方法，加到已有对象中：

3、使用有参构造函数。

function one(name,age)

{

     this.name=name;

     this.age   =age;

     this.eat=function(){}

 

}

var person = net one("chen",5);实例化 创建对象

person.age();  调用name属性

4、使用prototype关键字  原型对象的方式  建立联系

 

 

 

function person （） {}

person.prototype.name="chen";

person.prototype.eat=function(){}

var chen = new person();

person.eat();

5、利用混合模式原型加函数有点继承的味道

- function Car(name,price){

- this.name=name;

- this.price=price;

- }

- Car.prototype.sell=function(){

- alert("我是"+this.name+"，我现在卖"+this.price+"万元");

- }

-

- var camry =new Car("凯美瑞",27);

- camry.sell();