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 相关文章推荐
JavaScript delete操作符应用实例
Jan 13 Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
Feb 22 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
Node.js+Express+MySql实现用户登录注册功能
Jul 10 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
从parcel.js打包出错到选择nvm的全部过程
Jan 23 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
Feb 03 Javascript
详解webpack+ES6+Sass搭建多页面应用
Nov 05 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
Vue组件模板的几种书写形式(3种)
Feb 19 Javascript
Openlayers实现测量功能
Sep 25 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
2020年4月放送!《Princess Connect Re:Dive》制作组 & 角色声优公开!
2020/03/06 日漫
PHP rawurlencode与urlencode函数的深入分析
2013/06/08 PHP
php计算程序运行时间的简单例子分享
2014/05/10 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
js 延迟加载 改变JS的位置加快网页加载速度
2012/12/11 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
Vue.js对象转换实例
2017/06/07 Javascript
webpack使用 babel-loader 转换 ES6代码示例
2017/08/21 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
2017/09/20 Javascript
React如何利用相对于根目录进行引用组件详解
2017/10/09 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
jQuery实现的页面详情展开收起功能示例
2018/06/11 jQuery
Vue.js实现数据响应的方法
2018/08/13 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
Python实现快速排序算法及去重的快速排序的简单示例
2016/06/26 Python
TensorFlow模型保存和提取的方法
2018/03/08 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
python线程池如何使用
2020/05/28 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
canvas线条的属性详解
2018/03/27 HTML / CSS
StubHub意大利:购买和出售全球演唱会和体育赛事门票
2017/11/21 全球购物
台湾7-ELEVEN线上购物中心:7-11
2021/01/21 全球购物
神话般的珠宝:Ross-Simons
2020/07/13 全球购物
个人对照检查材料
2014/02/12 职场文书
财务总经理岗位职责
2014/02/16 职场文书
分家协议书
2014/04/21 职场文书
餐饮商业计划书范文
2014/04/29 职场文书
岗位说明书范文
2014/05/07 职场文书
2014年科室工作总结
2014/11/20 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
《观察物体》教学反思
2016/02/17 职场文书
Python中glob库实现文件名的匹配
2021/06/18 Python