你的位置:首页 > Java教程

[Java教程]javascript基础学习(六)


javascript之对象


学习要点:

  对象的属性和方法

  对象的原型

一、对象

  对象其实就是一种引用类型,而对象的值就是引用对象的实例。

二、创建对象

  在javascript中有两种对象,一种是系统内置对象,另一种是用户自己创建的对象。

  1、使用构造函数创建内置对象

  在javascript中有很多内置的对象,每个内置的对象都有一个构造函数,直接使用构造函数就可以创建并初始化一个对象。

  在javascript中可以使用new运算符来调用构造函数创建对象。如:var myObject=new Object();

  2.直接创建自定义对象

  var 对象名={属性名1:值1,属性名2:值2,...}

  var pen={name:"钢笔“,color:"红色”,price:30}

  3.使用自定义构造函数创建对象

function pen(name,color,price){  this.name=name;  this.color=color;  this.price=price;}var pen1=new pen("铅笔“,”红色",30);

三、对象的属性

  设置对象的属性有3中方法

  1、在创建对象时同时设置对象的属性。var pen={name:"钢笔",color:"红色",price:30}

  2、在创建对象的构造函数时设置对象的属性。

  3、先创建一个空对象,再设置对象属性。

var pen=new Object();pen.name="铅笔";pen.color="红色",pen.price=30;

   属性的获取:变量名=对象名.属性名

   属性的赋值:对象名.属性名=属性值

   属性的枚举:for...in语句枚举对象的所有属性

   属性的删除:delete pen1.name;

四、构造函数

  创建构造函数的方法与创建普通函数的方法一样,都是使用function语句。

function pen(name,color,price){  this.name=name;  this.color=color;  this.price=price;}

五、对象的原型

  对象的原型:在javascript中,原型对象是由构造函数所定义的,若果要修改对象的原型,就必须要修改构造函数的原型对象的成员。因此,在jacascript中所有函数都有一个prototype属性,该属性可以引用一个原型对象。通过该属性,可以修改原型对象中的属性。

   构造函数实例属性和原型属性示意图

       

    

function pen(color,price){  this.color=color;  this.price=price;}pen.prototype.name="铅笔";var pen1=new pen(”红色",30);document.write(pen1.name+"<br>");//铅笔document.write(pen1.constructor.prototype.name+"<br>");//铅笔

虽然没有直接将name属性赋给pen1对象,但该对象还是拥有name属性。事实上,引用pen1.name属性时,就是引用了pen1.constructor.prototype.name的属性,constructor用于返回对象的构造函数。

function pen(color,price){  this.color=color;  this.price=price;}var pen1=new pen(”红色",30);pen1.name="铅笔";document.write(pen1.name+"<br>");//铅笔document.write(pen1.constructor.prototype.name+"<br>");//undefined

虽然在原型对象中并没有name的属性,但是可以为pen1对象设置那么属性值,即使pen1对象设置了属性值,原型对象中也不会添加name属性。