javascript基础学习

Posted 2020-07-21

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属性。

 

 

---