面向对象详解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. Sql2008 全文索引 简明教程

    在SQL Server 中提供了一种名为全文索引的技术,可以大大提高从长字符串里搜索数 据的速度,不用在用LIKE这样低效率的模糊查询了.   下面简明的介绍如何使用Sql2008 全文索引 一.检查 ...

  2. SQL 基础命令和函数

    [数据操作] SELECT --从数据库表中检索数据行和列 INSERT --向数据库表添加新数据行 DELETE --从数据库表中删除数据行 UPDATE --更新数据库表中的数据 [数据定义] C ...

  3. go语言数组与切片比较

    一.数组 与其他大多数语言类似,Go语言的数组也是一个元素类型相同的定长的序列. (1)数组的创建. 数组有3种创建方式:[length]Type .[N]Type{value1, value2, . ...

  4. WPF MVVM

    MVVM全称:Model-View-ViewModel 优点:MVVM的引入使程序实现了松耦合设计,UI层与业务逻辑可以并行设计 1.Model:对现实世界的抽象 比如:需要做一个学校的管理系统,学校 ...

  5. IE浏览器中不支持cookie问题

    /** * Cookie plugin * * Copyright (c) 2006 Klaus Hartl (stilbuero.de) * Dual licensed under the MIT ...

  6. 在CentOS上安装tomcat

    先从tomcat网站上下载最新的gz安装包 文件名:apache-tomcat-8.0.8.tar.gz 将文件上传到/usr/local目录中 执行解压缩 tar zxvf apache-tomca ...

  7. thrift框架

    thrift是一个软件框架,用来进行可扩展且跨语言的服务的开发.它结合了功能强大的软件堆栈和代码生成引擎,以构建在 C++, Java, Python, PHP, Ruby, Erlang, Perl ...

  8. 116. Populating Next Right Pointers in Each Node (Tree; WFS)

    Given a binary tree struct TreeLinkNode { TreeLinkNode *left; TreeLinkNode *right; TreeLinkNode *nex ...

  9. react-native 组件的导入、导出

    一.前言背景: 学习react native的关键在于组件,依靠组件的拼接达到想要的效果,由此可见,组件就像一块块功能各异的零件,最终搭建出我们想要的效果. 今天我们就从组件的导入.导出开始 下面是我 ...

  10. 映射文件中增删改查标签中的parameterType和resultType

    parameterType:指定输入参数类型,mybatis通过ognl从输入对象中获取参数值拼接在sql中. resultType:指定输出结果类型,mybatis将sql查询结果的一行记录数据映射 ...