JavaScript面向对象编程


Posted in Javascript onMarch 02, 2008

//类的定义

    //方法一:类的一般定义方法
    function player1(_name)
    {
        this.name = _name;
        this.say = function() {alert(this.name);};
    }

    var p1 = new player1('llinzzi1');
    p1.say();

    
    //方法二:prototype定义方法
    var player2 = function() {}
    player2.prototype = {
        name:'',
        say:function(){
            alert(this.name);
        }
    }

    var p2 = new player2();
    p2.name = 'llinzzi2';
    p2.say();

    
    //方法三:上面的方法结构美观,便捷,但构建函数不能带参数,修改方法
    var player3 = function() {
        this.init.apply(this, arguments);
    }
    player3.prototype = {
        init:function(_name){
            this.name = _name;
        },
        say:function(){
            alert(this.name);
        }
    }

    var p3 = new player3('llinzzi3');
    p3.say();

    //类的继承

    //方法一
    var player4 = function(){
        this.init.apply(this, arguments);
    }
    player4.prototype = new player3;
    player4.prototype.shout = function(){
        alert(this.name.toUpperCase());
    }

    var p4 = new player4('llinzzi4');
    p4.shout();

    
    //方法二 上面的方法不能采用{}的方法,修改方法
    Object.extend = function(destination, source) {
      for (var property in source)
        destination[property] = source[property];
      return destination;
    };

    var player5 = function(){
        this.init.apply(this, arguments);
    }
    Object.extend(Object.extend(player5.prototype,player3.prototype),{
        shout:function(){
            alert(this.name.toUpperCase());
        }

    });

    var p5 = new player5('llinzzi5');
    p5.shout();

    

    
    //再从prototype.js抄一端浏览器判断代码

    Browser = {
        IE:     !!(window.attachEvent && !window.opera),
        Opera:  !!window.opera,
        WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1,
        Gecko:  navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') == -1,
        MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/)
    }

    alert(Browser.MobileSafari);

Javascript 相关文章推荐
网页自动刷新,不产生嗒嗒声的一个解决方法
Mar 27 Javascript
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
Apr 20 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 Javascript
jQuery.each()用法分享
Jul 31 Javascript
js 手机号码合法性验证代码集合
Sep 29 Javascript
调用jQuery滑出效果时闪烁的解决方法
Mar 27 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
js html5 css俄罗斯方块游戏再现
Oct 17 Javascript
JavaScript 身份证号有效验证详解及实例代码
Oct 20 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
Apr 16 Javascript
详解vue.js之绑定class和style的示例代码
Aug 24 Javascript
vue $mount 和 el的区别说明
Sep 11 Javascript
一个javascript参数的小问题
Mar 02 #Javascript
js加解密 脚本解密
Feb 22 #Javascript
JS应用之禁止抓屏、复制、打印
Feb 21 #Javascript
js 调整select 位置的函数
Feb 21 #Javascript
js 替换
Feb 19 #Javascript
javascript replace方法与正则表达式
Feb 19 #Javascript
window.addeventjs事件驱动函数集合addEvent等
Feb 19 #Javascript
You might like
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
学习php设计模式 php实现访问者模式(Visitor)
2015/12/07 PHP
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
为调试JavaScript添加输出窗口的代码
2010/02/07 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
javascript中cookie对象用法实例分析
2015/01/30 Javascript
JS获取图片lowsrc属性的方法
2015/04/01 Javascript
AngularJS实现Model缓存的方式
2016/02/03 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
2016/03/22 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
2016/07/14 Javascript
新手学习前端之js模仿淘宝主页网站
2016/10/31 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
Node.js中看JavaScript的引用
2017/04/22 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
vue实现设置载入动画和初始化页面动画效果
2019/10/28 Javascript
JavaScript实现原型封装轮播图
2020/12/27 Javascript
Python的Django框架中forms表单类的使用方法详解
2016/06/21 Python
Python随机数用法实例详解【基于random模块】
2017/04/18 Python
Python基础练习之用户登录实现代码分享
2017/11/08 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
Python中正则表达式的用法总结
2019/02/22 Python
Python实现的登录验证系统完整案例【基于搭建的MVC框架】
2019/04/12 Python
python中的TCP(传输控制协议)用法实例分析
2019/11/15 Python
Pytorch Tensor基本数学运算详解
2019/12/30 Python
PyQt5连接MySQL及QMYSQL driver not loaded错误解决
2020/04/29 Python
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
Ejb技术面试题
2015/04/29 面试题
怎样写好自荐信和推荐信
2013/12/26 职场文书
如何写一份好的自荐信
2014/01/02 职场文书
学习全国两会精神心得体会范文
2014/03/17 职场文书
餐厅服务员岗位职责
2015/02/09 职场文书
学生犯错保证书
2015/05/09 职场文书
婚礼迎宾词大全
2015/08/10 职场文书
小学生纪律委员竞选稿
2015/11/19 职场文书
vue选项卡切换的实现案例
2022/04/11 Vue.js
教你nginx跳转配置的四种方式
2022/07/07 Servers