构造函数+原型

Posted ermao的博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了构造函数+原型相关的知识,希望对你有一定的参考价值。

<script type="text/javascript">
function Car(color, doors, wheels) { //创建一个类
this.color = color; //类属性
this.doors = doors;
this.wheels = wheels;
this.run = function() { //类方法
alert("我会跑!!!");
}
}
Car.prototype.cc = "hahaha"; //通过proto属性存储一个cc=“hahaha”;
Car.prototype.stop = function() { //原型链
alert("我会停止!!!");
}
Car.prototype.stop2 = function() { //关注原型链接
alert("我还是会停!!!");
}

//创建一个实例对象;
var car1 = new Car("red", 4, 4);
alert(car1.cc);
car1.run();
car1.stop();
document.write("这个车的颜色是:" + car1.color + "<br/>");
document.write("这个车有" + car1.doors + "个门" + "<br/>");
document.write("这个车有" + car1.wheels + "轮子<br/><br/><br/>");


var car2 = new Car("blue", 4, 4);
document.write("这个车的颜色是:" + car2.color + ",有" + car2.doors + "个车门,有" + car2.wheels + "个轮子<br/>");
car2.stop2();
</script>

以上是关于构造函数+原型的主要内容,如果未能解决你的问题,请参考以下文章

JS中构造函数、实例、原型对象之间的关系

JavaScript 构造函数和原型

构造函数和实例的关系

232 constructor构造函数,构造函数实例原型对象的三角关系

ES6基础2-- 构造函数和原型

构造函数和实例对象和原型对象之间的关系