老师,请帮我 review 一下,谢谢!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>3-10-编程练习(三种方式创建对象)</title>
</head>
<body>
<script>
// 工厂模式
function createObject(name, action){
var obj = new Object();
obj.name = name;
obj.action = action;
return obj;
}
var objFactory = createObject('imooc', function(){
console.log("前端");
});
// 测试
console.log(objFactory.name);
objFactory.action();
// 原型模式
function Book(){}
Book.prototype.name = 'Hello World!';
Book.prototype.price = "16 RMB";
Book.prototype.author = 'programmer';
Book.prototype.showDesc = function(){
console.log(`name: ${this.name}, price: ${this.price}, author: ${this.author}`);
}
var bookObj = new Book();
bookObj.showDesc();
// 混合模式
// 构造方式设置属性
function Car(name, color, price){
this.name = name;
this.color = color;
this.price = price;
}
Car.prototype.showDetail = function(){
console.log(`name: ${this.name}, color: ${this.color}, price: ${this.price}`);
}
var carObj = new Car('BenZ', 'Black', '20 Million RMB');
carObj.showDetail();
</script>
</body>
</html>
正在回答
同学,你好,你做的是3-4的题吗?要按照要求来做:
对于这道题,可以参考一下这个同学写的,不用写那么复杂:
https://class.imooc.com/course/qadetail/114691
如果帮助到了你,欢迎采纳!
祝学习愉快!
相似问题
登录后可查看更多问答,登录/注册
- 参与学习 人
- 提交作业 467 份
- 解答问题 4826 个
本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星