面向对象详解1

OO1.html

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8" />

         <title></title>

     </head>

     <body>

         <script src="js/app1.js"></script>

     </body>

 </html>

js/app1.js

 /*function People(){

 }

 People.prototype.say=function(){

     alert("hello");

 }

 function Student(){

 }

 Student.prototype=new People();

 var superSsay=Student.prototype.say;

 Student.prototype.say=function(){

     superSsay.call(this);

     alert("stu-hello");

 }

 var s=new Student();

 s.say();*/

 /*function People(name){

     this._name=name;

 }

 People.prototype.say=function(){

     alert("peo-hello"+this._name);

 }

 function Student(name){

     this._name=name;

 }

 Student.prototype=new People();

 var superSsay=Student.prototype.say;

 Student.prototype.say=function(){

     superSsay.call(this);

     alert("stu-hello"+this._name);

 }

 var s=new Student("iwen");

 s.say();*/

 (function(){

     var n="ime";

     function People(name){

        this._name=name;

     }

     People.prototype.say=function(){

        alert("peo-hello"+this._name);

     }

     window.People=People;

 }());

 (function(){

     function Student(name){

        this._name=name;

     }

     Student.prototype=new People();

     var superSsay=Student.prototype.say;

     Student.prototype.say=function(){

         superSsay.call(this);

         alert("stu-hello"+this._name);

     }

     window.Student=Student;

 }());

 var s=new Student("iwen");

 s.say();

面向对象详解2

OO2.html

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

     </head>

     <body>

             <script src="js/app2.js"></script>

     </body>

 </html>

js/app2.js

 /*function Person(){

     var _this={};

     _this.sayHello=function(){

         alert("P-hello");

     }

     return _this;

 }

 function Teacher(){

     var _this=Person();

     var surperSay=_this.sayHello;

     _this.sayHello=function(){

         surperSay.call(_this);

         alert("T-hello");

     }

     return _this;

 }

 var t=Teacher();

 t.sayHello();

 */

 /*function Person(name){

     var _this={};

     _this._name=name;

     _this.sayHello=function(){

         alert("P-hello"+_this._name);

     }

     return _this;

 }

 function Teacher(name){

     var _this=Person(name);

     var surperSay=_this.sayHello;

     _this.sayHello=function(){

         surperSay.call(_this);

         alert("T-hello"+_this._name);

     }

     return _this;

 }

 var t=Teacher("iwen");

 t.sayHello();*/

 (function(){

     var n="ime";

     function Person(name){

         var _this={};

         _this._name=name;

         _this.sayHello=function(){

             alert("P-hello"+_this._name+n);

         }

         return _this;

     }

     window.Person=Person;

 }());

 function Teacher(name){

     var _this=Person(name);

     var surperSay=_this.sayHello;

     _this.sayHello=function(){

         surperSay.call(_this);

         alert("T-hello"+_this._name);

     }

     return _this;

 }

 var t=Teacher("iwen");

 t.sayHello();

JS 面向对象详解的更多相关文章

  1. Java面向对象详解

    Java面向对象详解 前言:接触项目开发也有很长一段时间了,最近开始萌发出想回过头来写写以前学 过的基础知识的想法.一是原来刚开始学习接触编程,一个人跌跌撞撞摸索着往前走,初学的时候很多东西理解的也懵 ...

  2. js对象详解(JavaScript对象深度剖析，深度理解js对象)

    js对象详解(JavaScript对象深度剖析,深度理解js对象) 这算是酝酿很久的一篇文章了. JavaScript作为一个基于对象(没有类的概念)的语言,从入门到精通到放弃一直会被对象这个问题围绕 ...

  3. java之面向对象详解

    #############java面向对象详解#############1.面向对象基本概念2.类与对象3.类和对象的定义格式4.对象与内存分析5.封装性6.构造方法7.this关键字8.值传递与引用 ...

  4. php开发面试题---php面向对象详解（对象的主要三个特性）

    php开发面试题---php面向对象详解(对象的主要三个特性) 一.总结 一句话总结: 对象的行为:可以对 对象施加那些操作,开灯,关灯就是行为. 对象的形态:当施加那些方法是对象如何响应,颜色,尺寸 ...

  5. C#基础-面向对象详解

    面向对象详解 一.什么是面向对象 1>面向对象是一种程序设计思想 2>面向过程和面向对象是什么? 例如要把大象放冰箱怎么做? 面向过程:打开冰箱门->把大象扔进去->关上冰箱门 ...

  6. Node.js npm 详解

    一.npm简介 安装npm请阅读我之前的文章Hello Node中npm安装那一部分,不过只介绍了linux平台,如果是其它平台,有前辈写了更加详细的介绍. npm的全称:Node Package M ...

  7. Vue.js项目详解

    还是以Blog项目来讲解,最近我本人利用闲暇时间,以博客作为参考学习一些新的技术并尝试之前没有尝试过的思路来玩玩. 技术看似枯燥,但是带有一个目的来学,你会发现还是蛮有趣的. 主要实践的就是前后端分离 ...

  8. 开胃小菜——impress.js代码详解

    README 友情提醒,下面有大量代码,由于网页上代码显示都是同一个颜色,所以推荐大家复制到自己的代码编辑器中看. 今天闲来无事,研究了一番impress.js的源码.由于之前研究过jQuery,看i ...

  9. jquery图片切换插件jquery.cycle.js参数详解

    转自:国人的力量 blog.163.com/xz551@126/blog/static/821257972012101541835491/ 自从使用了jquery.cycle.js,我觉得再也不用自己 ...

随机推荐

  1. pandas的数据结构

    要使用pandas,需要熟悉它的两个主要的数据结构,Series和DataFrame. Series series是一种类似于以为数组的对象,它由一组数据(各种numpy的数据类型)以及一组与之相关的 ...

  2. 「小程序JAVA实战」小程序页面的上拉下拉刷新（50）

    转自:https://idig8.com/2018/09/21/xiaochengxujavashizhanxiaochengxuyemiandeshanglaxialashuaxin49/ 之前已经 ...

  3. IIS 禁止访问：在 Web 服务器上已拒绝目录列表

    webconfig <configuration> <system.webServer> <directoryBrowse enabled="true" ...

  4. struts2配置默认首页

    配置struts2 默认欢迎页的几种办法: 1.首先需要明确的是struts过滤器配置映射的模式是路径匹配还是扩展匹配,如果url-pattern配置为/*,如果不做特殊处理,是不会转到welcome ...

  5. Frequently Used Shell Commands

    [Common Use Shell Commands] 1.ps aux:查看当前所有进程 ,以用户名为主键.可以查看到 USER.PID.COMMAND(binary所有位置) 2.netstat ...

  6. qemu模拟器下编译运行基于riscv指令集的Linux操作系统

      基本原理: 在物理服务器Ubuntu14.04上安装qemu模拟器,模拟器中运行基于riscv指令集编译的linux镜像文件. 用到的工具包括: riscv-qemu(模拟器,可以模拟运行risc ...

  7. MongoDB中使用的SCRAM-SHA1认证机制

    摘要: 介绍 SCRAM是密码学中的一种认证机制,全称Salted Challenge Response Authentication Mechanism. SCRAM适用于使用基于『用户名:密码』这 ...

  8. Memcached在Linux环境下的使用详解http://blog.51cto.com/soysauce93/1737161

    大纲 一.什么是memcached 二.memcached特性 三.memcached存储方式 四.memcached安装与配置 五.memcached结合php 六.Nginx整合memcached ...

  9. Linq操作DataTable

    IEnumerable<DataRow> q = from dr in dt.AsEnumerable()                          where dr.Field& ...

  10. dock panel

    http://www.cnblogs.com/masterfy/archive/2009/06/02/1494593.html http://www.cnblogs.com/wuhuacong/p/3 ...