js 使用建構函式和原型鏈實現繼承操作
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>index</title>
<script type="text/javascript">
function Father(name,age){
this.name = name,
this.age = age
}
Father.prototype.sayWhois = function(name){
console.log(this.name)
}
Sun.prototype = new Father();
Sun.prototype.constructor = Sun;
function Sun(name,age,jj){
Father.call(this,name,age);
this.jj = jj;
}
var f = new Father('baba',22);
var erzi = new Sun('erzi',2,'jj');
erzi.sayWhois();
</script>
</head>
<body>
webDemo
</body>
</html>
相關文章
- 建構函式、原型、原型鏈、繼承函式原型繼承
- [JavaScript]原型、原型鏈、建構函式與繼承JavaScript原型函式繼承
- js建構函式的繼承JS函式繼承
- js 原型鏈實現類的繼承JS原型繼承
- JS的原型鏈和繼承JS原型繼承
- JS原型鏈繼承JS原型繼承
- JS建構函式,原型鏈,原型物件總結JS函式原型物件
- 一篇文章理解JS繼承——原型鏈/建構函式/組合/原型式/寄生式/寄生組合/Class extendsJS繼承原型函式
- 建構函式、原型及原型鏈函式原型
- Javascript繼承2:建立即繼承—-建構函式繼承JavaScript繼承函式
- 小議JS原型鏈、繼承JS原型繼承
- 繼承中的建構函式繼承函式
- JS中的繼承與原型鏈JS繼承原型
- JS原型鏈、prototype、__proto__、原型鏈繼承詳解JS原型繼承
- 在建構函式內使用call()或apply()實現繼承函式APP繼承
- 徹底搞懂原型、原型鏈和繼承原型繼承
- javascript原型鏈繼承的使用JavaScript原型繼承
- 淺談JS物件的建立、原型、原型鏈繼承JS物件原型繼承
- 原型、原型鏈與繼承原型繼承
- 原型鏈實現繼承的6種方式原型繼承
- javascript系列--認識並理解建構函式,原型和原型鏈JavaScript函式原型
- 面試題之原型、原型鏈、和繼承面試題原型繼承
- Java建構函式的繼承問題Java函式繼承
- 白話JavaScript原型鏈和繼承JavaScript原型繼承
- 深入理解原型鏈和繼承原型繼承
- js 原型鏈繼承__proto__、prototype簡析JS原型繼承
- JS的物件導向(理解物件,原型,原型鏈,繼承,類)JS物件原型繼承
- 原型,繼承——原型繼承原型繼承
- 建構函式的prototype與各種繼承函式繼承
- 原型和繼承原型繼承
- MDN繼承和原型鏈章筆記繼承原型筆記
- javascript原型鏈及繼承JavaScript原型繼承
- javascript - 繼承與原型鏈JavaScript繼承原型
- 【進階5-1期】重新認識建構函式、原型和原型鏈函式原型
- JavaScript物件導向之二(建構函式繼承)JavaScript物件函式繼承
- 原型、原型鏈、new做了什麼、繼承原型繼承
- 【機制】JavaScript的原型、原型鏈、繼承JavaScript原型繼承
- JS基礎-函式、物件和原型、原型鏈的關係JS函式物件原型