课程内容：
对象的创建与复制
构造函数与原型函数
DOM与节点的操作（1）
DOM与节点的操作（2）
7月10日作业
1. 写一个构造函数来创建对象
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>构造函数作业</title>
</head>
<body>
<script>
// 创建一个构造函数
// 创建一个构造函数
// 创建一个构造函数
//重要的事情说三遍
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);
</script>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
2. 向构造函数的prototype中添加成员,实现数据在实例间共享
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>构造函数作业</title>
</head>
<body>
<script>
// 创建一个构造函数
// 创建一个构造函数
// 创建一个构造函数
//重要的事情说三遍
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);
</script>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例