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>
就爱阅读 www.92to.com 网友整理上传, 为您提供最全的知识大全, 期待您的分享,转载请注明出处。
来源: