博客
关于我
让JS写的更接近OOP
阅读量:456 次
发布时间:2019-03-06

本文共 1964 字,大约阅读时间需要 6 分钟。

 

下面这段代码就是利用JS原型对象,来实现的类的继承DEMO 

 

$ 为jquery对象

////公共方法//  $.oop.newClass=function newClass(obj) {//     function create() {//         if (obj != null)//             return obj();//     }//     var c = new create();//     return c;// }//人var person = $.oop.newClass(function () {    //构造函数    function person() {    }    //公有属性    person.prototype.age = 15;    //公有函数    person.prototype.eat = function () {        alert("我会吃");    };    return person;});//程序员var programMonkey = $.oop.newClass(function () {    //构造函数    function programMonkey() {    } programMonkey.prototype = person.prototype;//继承    programMonkey.prototype.skill = "asp.net";    programMonkey.prototype.work = function () {        alert("我会加班");    }    return programMonkey;});var pm = new programMonkey();//人的函数pm.eat();//程序猿的函数pm.work();//输出属性alert("人家才" + pm.age + "岁,我是一个" + pm.skill + "猿");

 

因为JS一些特性实现一个多态也非简单

 

//共用函数//$.oop.newClass = function (obj) {//    function Create() {//        if (obj != null)//            return obj();//    }//    var c = new Create();//    return c;//}var iPerson = $.oop.newClass(function () {    //构造函数    function person() {    }    person.prototype.name;    person.prototype.iq;    person.prototype.eat;    return person;});//程序员var programMonkey = $.oop.newClass(function () {    //构造函数    function programMonkey() {    } programMonkey.prototype = iPerson.prototype ;//继承    return programMonkey;});//设计湿var designer = $.oop.newClass(function () {    //构造函数    function designer() {    } designer.prototype = iPerson.prototype ;//继承    return designer;});var inputValue = "程序员";var ip = new iPerson();if (inputValue == "程序员") {    ip = new programMonkey();    ip.iq = 0;    ip.eat = function (msg) {        alert(msg + "吃香蕉")    }    } else if (inputValue == "设计湿") {    ip = new designer();    ip.iq = 100;    ip.eat = function (msg) {        alert(msg + "吃香蕉")    }}ip.name = inputValue; ip.eat("我是"+ip.name+"  智力"+ip.iq+" ");

 

根据不同的input Value会执行相应的 eat函数

 

转载地址:http://zrofz.baihongyu.com/

你可能感兴趣的文章
Nginx之二:nginx.conf简单配置(参数详解)
查看>>
Nginx代理websocket配置(解决websocket异常断开连接tcp连接不断问题)
查看>>
Nginx代理初探
查看>>
nginx代理地图服务--离线部署地图服务(地图数据篇.4)
查看>>
Nginx代理外网映射
查看>>
Nginx代理模式下 log-format 获取客户端真实IP
查看>>
Nginx代理解决跨域问题(导致图片只能预览不能下载)
查看>>
Nginx代理访问提示ERR_CONTENT_LENGTH_MISMATCH
查看>>
Nginx代理配置详解
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
nginx反向代理
查看>>
nginx反向代理、文件批量改名及统计ip访问量等精髓总结
查看>>
Nginx反向代理与正向代理配置
查看>>
Nginx反向代理及负载均衡实现过程部署
查看>>
Nginx反向代理是什么意思?如何配置Nginx反向代理?
查看>>
nginx反向代理解决跨域问题,使本地调试更方便
查看>>
Nginx反向代理配置
查看>>
Nginx启动SSL功能,并进行功能优化,你看这个就足够了
查看>>
nginx启动脚本
查看>>