课程内容：对象的创建与复制

构造函数与原型函数

DOM与节点的操作(1)

DOM与节点的操作(2)

7月10日作业

1. 写一个构造函数来创建对象

实例

html>

构造函数作业

// 创建一个构造函数

// 创建一个构造函数

// 创建一个构造函数

//重要的事情说三遍

var createobj=function () {

this.name='我的孩子叫展展';

this.position=function (value) {

var position='小老板:';

return position+value;

}

}

//创建第一个构造函数的实例

var obj1=new createobj();

console.log(obj1.name);

console.log(obj1.position(obj1.name));

//创建第二个构造函数的实例

var obj2=new createobj();

console.log(obj1.name);

console.log(obj1.position(obj1.name));

//创建的构造函数的两个实例是否相等?是否有关联?

console.log(obj1===obj2);

// 两个创建出来的构造函数实例与构造函数,判断一下他们的关系?

console.log(obj1 instanceof createobj);

console.log(obj2 instanceof createobj);

// 创建构造函数的静态的成员,可以放在构造函数的外面

createobj.xingbie='女';

createobj.aihao='游泳';

console.log(createobj.xingbie);

console.log(createobj.aihao);

运行实例 »

点击 "运行实例" 按钮查看在线实例

2. 向构造函数的prototype中添加成员,实现数据在实例间共享

实例

html>

构造函数作业

// 创建一个构造函数

// 创建一个构造函数

// 创建一个构造函数

//重要的事情说三遍

var createobj=function () {

this.name='我的孩子叫展展';

this.position=function (value) {

var position='小老板:';

return position+value;

}

}

//创建第一个构造函数的实例

var obj1=new createobj();

console.log(obj1.name);

console.log(obj1.position(obj1.name));

//创建第二个构造函数的实例

var obj2=new createobj();

console.log(obj1.name);

console.log(obj1.position(obj1.name));

//创建的构造函数的两个实例是否相等?是否有关联?

console.log(obj1===obj2);

// 两个创建出来的构造函数实例与构造函数,判断一下他们的关系?

console.log(obj1 instanceof createobj);

console.log(obj2 instanceof createobj);

// 创建构造函数的静态的成员,可以放在构造函数的外面

createobj.xingbie='女';

createobj.aihao='游泳';

console.log(createobj.xingbie);

console.log(createobj.aihao);

//原型成员prototype来设置,设置之后针对原型成员,任何构造函数的实例都可以直接调用

createobj.prototype.xingbie='一个小女孩';

createobj.prototype.aihao='我的爱好真的很多';

console.log(obj1.xingbie);

console.log(obj1.aihao);

运行实例 »

点击 "运行实例" 按钮查看在线实例