javaScript对象学习笔记（一）

时间：2022-10-23 23:08:44

一．什么是对象

对象:

  1. JavaScript的一种基本数据类型
  2. 对象是属性的无序集合，每个属性都是一个名/值对
  3. JavaScript中的事物都是对象：字符串、数值、数组、函数...
  4. JavaScript对象是动态的，在于它可以新增删除属性
  5. JavaScript提供多个内置对象，比如String、Date、Array等

对象最常见的用法是创建（create）、设置（set）、查找（query）、删除（delete）、检测（test）和枚举（enumerate）它的属性。

对象的属性包含名字和值，除此之外，每个属性还有一个与之相关的值，称为“属性特性”：

  1. configurable attribute（可配置）：表明能否使用delete操作符删除从而重新定义，或能否修改为访问器属性，默认为true
  2. Enumerable attribute（可枚举）：表明是否可以通过for-in循环返回该属性，默认true
  3. writable attribute（可写）：表明是否可以设置该属性的值，默认true

 

三类JavaScript对象和两类属性：

  1. 内置对象（native object）：由ECMAScript规范定义的对象或类。比如String、Date、Array等
  2. 宿主对象（host object）：是由JavaScript解释器所嵌入的宿主环境（比如web浏览器）定义的。客户端JavaScript中表示网页结构的HTMLElement对象均是宿主对象。既然宿主环境定义的方法可以当成普通的JavaScript函数对象，那么宿主对象也可以当成普通的内置对象
  3. 自定义对象（user-defined object）：由运行中的JavaScript代码创建
  4. 自有属性（own property）：直接在对象中定义的属性
  5. 继承属性（inherited property）：在对象原型对象中定义的属性

二：创建对象

第一种：对象直接量方式创建

最就简单的方式，在JavaScript代码中使用对象直接量（比较清楚的查找对象包含的属性及方法）

var person = {

    name: {                    //这个属性的值是一个对象

        firstName: "David",

        surName: "Flanagan"

    },

    age: 18,

    getName: function(){          //这个属性值为一个函数

        reutrn this.name;

    }

};

对象直接量是一个表达式，这个表达式每次运算都创建并初始化一个新的对象。每次计算对象直接量的时候，都会计算它的每个属性的值。也就是说，如果一个重复调用的的函数体内使用了对象直接量，它将创建很多新对象，并且每次创建的对象的属性值也有可能不同。

第二种：通过new创建对象

new运算符创建并初始化一个新对象。关键字new后跟随着一个函数调用。这里的函数称作构造函数。

var o = new Object();  //创建一个空对象，和{ }一样

var a = new Array();   //创建一个空数组，和[ ]一样

var d = new Date();   //创建一个表示当前时间的Date对象

var r = new RegExp(‘js’);   //创建一个可以进行模式匹配的RegExp对象

还可以使用自定义的构造函数来初始化新对象。

function Person(){

    this.name = "zhangsan";

    this.age = 18;

    this.getInfo = function(){

        alert(this.name + ", " + this.age);

    }

}

var p1 = new Person();

p1.getInfo();

第三种：原型模式创建

每一个JavaScript对象都和另一个对象相关联（除null），也就是我们所说的原型，每一个对象都从原型继承属性。

通过JavaScript代码Object.Prototype获得对原型的引用

function Person(){}

Person.prototype.name = "zhangsan";

Person.prototype.age= 16;

Person.prototype.getInfo = function(){

    alert(this.name + ", " + this.age);

}

第四种：Object.create()

ECMAScript定义了一个名为Object.create()的方法，它创建了一个新对象，其中第一个参数就是这个对象的原型。Object.create()提供第二个可选参数，用以对对象属性的进一步描述

Object.create(proto[,props]);
function Person(myName,myAge){

   this.name=myName;

   this.age=myAge;

}

Person.prototype.getInfo=function(){

     return("嗨！我的名字是"+this.name+",我现在"+this.age+"岁了！");

}

var tom=Object.create(Person.prototype,{name:{writable:false,value:"Tom"},age:{value:22}});

document.write(tom.showInfo());//返回嗨！我的名字是Tom，我现在22岁

相关文章