Javascript原型链的工作原理
程序员文章站
2022-04-14 11:50:02
Javascript原型链的工作原理解析案例
&...
Javascript原型链的工作原理解析案例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>prototype clone</title>
</head>
<body>
<script>
var baseClass=function(){
this.name="baseClass:name--->baseClass";
this.showMsg = function(){
console.log("baseClass::showMsg");
}
}
var extendClass=function(){
this.age="extendClass:age--->20";
this.showMsg=function(){
console.log("extendClass::showMsg");
};
}
/*baseClass类为extendClass类的原型，extendClass可以使用所有的原型的方法，
* 实现功能和属性扩展(类似java里面的继承)如果方法名一致，js引擎扫描从自身扫描开始，
*如果扫描到则不进行向下扫描(原型链工作原理)
* */
extendClass.prototype = new baseClass();
var instance = new extendClass();
instance.showMsg(); // 显示baseClass::showMsg
console.log(instance.name)
console.log(instance.age)
</script>
</body>
</html>
上一篇： 鸽子怎么炖不烂