JavaScript基础----40JS面向对象-JS面向对象(2)
来源:互联网 发布:sql中怎么表示至少 编辑:程序博客网 时间:2024/05/16 14:52
<!DOCTYPE html><!--JS面向对象-JS面向对象(2)--><!--上一节中讲的面向对象叫为复杂,本节讲一个简单形式--><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><!--创建类,实现继承--><script>//创建一个类function People(){var mythis={};mythis.sayHello=function(){alert("hello")}return mythis;}// 继承Peoplefunction Teacher(){var mythis=People();return mythis;}var tea=Teacher();tea.sayHello();</script><!--创建类,实现继承,并重写方法--><script>//创建一个类function People(){var mythis={};mythis.sayHello=function(){alert("people-hello")}return mythis;}// 继承Peoplefunction Teacher(){var mythis=People();var mySuperSay=mythis.sayHello();mythis.sayHello=function(){// 强行调用父类的被重写的方法// mySuperSay.call(this);alert("teacher-hello")}return mythis;}var tea=Teacher();// 调用的是重写后的方法tea.sayHello();</script><!--创建类,实现继承,并重写方法,传参--><script>//创建一个类function People(name){var mythis={};mythis.name=name;mythis.sayHello=function(){alert("people-hello"+mythis.name)}return mythis;}// 继承Peoplefunction Teacher(name){var mythis=People(name);var mySuperSay=mythis.sayHello();mythis.sayHello=function(){// 强行调用父类的被重写的方法// mySuperSay.call(this);alert("teacher-hello"+mythis.name)}return mythis;}var tea=Teacher("zhh");// 调用的是重写后的方法tea.sayHello();</script><!--创建类,实现继承,并重写方法,传参,封装--><!--(function(){ 分装的内容 }() );--><script> ( function () { //创建一个类// 创建一个内部的属性 var zhh = "-wo shi zhaihaohao" function People(name) { var mythis = {}; mythis.name = name; mythis.sayHello = function () { alert("people-hello" + mythis.name + zhh) } return mythis; }// 对外暴露接口 window.People = People; }() ); // 继承People function Teacher(name) { var mythis = People(name); var mySuperSay = mythis.sayHello(); mythis.sayHello = function () {// 强行调用父类的被重写的方法// mySuperSay.call(this); alert("teacher-hello" + mythis.name) } return mythis; } var tea = Teacher("zhh"); // 调用的是重写后的方法 tea.sayHello();</script></body></html>
0 0
- JavaScript基础----40JS面向对象-JS面向对象(2)
- JavaScript基础----39JS面向对象-JS面向对象(1)
- JS面向对象基础
- js面向对象基础
- js面向对象基础
- JavaScript基础----38JS面向对象-认识面向对象
- JS面向对象2
- js面向对象2
- js面向对象基础(进阶)
- {js}JavaScript中支持面向对象的基础
- Acticle 11:javascript面向对象:js的面向对象
- JS学习 面向对象 2
- JavaScript面向对象基础
- javascript 面向对象基础
- javascript 面向对象基础
- javascript面向对象基础
- JavaScript--面向对象基础
- javascript面向对象基础
- DOMINO中公式或符号
- js与CSS的调用
- JavaScript基础----39JS面向对象-JS面向对象(1)
- LoutsScript中的不等号
- 解决VS2015安装Android SDK 后文件不全及更新问题
- JavaScript基础----40JS面向对象-JS面向对象(2)
- @while的用法
- java中volatile关键字的含义
- JavaScript基础----41JavaScript高级函数课程概要
- LotusScript捕捉错误
- JavaScript基础----42JavaScript惰性函数(没写代码)
- JavaScript基础----43函数柯里化(没理解)
- Java与其他语言的对比
- JavaScript基础----44JavaScript级联函数