<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

    <title></title>

    <script type="text/javascript">

    var arr1=[1,2,3];

     //第一种情况

    //var arr2=arr1;

    //arr2.push(4);//[arr1的值是：1,2,3,4] arr2是执向arr1的引用，js一切皆引用

    //var arr2=arr1.slice();//深、浅拷贝 [arr1的值是：1,2,3] 拷贝一个副本

    var arr2=[];

    for(var i in arr1)

    {

      arr2[i]=arr1[i];

    }

    arr2.push(4);

    //alert(arr1);1,2,3

    //alert(arr2);1,2,3,4

    function Animal(name,age)

    {

      this.name=name;

      this.age=age;

    }

    Animal.prototype.ShowName=function(){

     alert(this.name);

    }

    Animal.prototype.ShowAge=function(){

     alert(this.age);

    }

    function Tuzi(name,age,run)

    {

    //this->new出来的Animal对象，调用父类的构造函数，继承父级的属性

       Animal.call(this,name,age);

       this.run=run;

    }

    //通过原型链来继承父级的方法--

   /* 第一种实现

     Tuzi.prototype=Animal.prototype;

     Tuzi.prototype.ShowRun=function(){

         alert(this.run);

     }

      alert(Animal.prototype.ShowRun);

      父类居然弹出子类的ShowRun，很不靠谱

  */

  for(var i in Animal.prototype) {

         Tuzi.prototype[i]=Animal.prototype[i];

  }   
  Tuzi.prototype.ShowRun=function(){

         alert(this.run);

  } 
  alert(Animal.prototype.ShowRun); //弹出undefied，子类没有影响到父类 </script> </head> <body> </body> </html>

JavaScript 原型和引用趣点的更多相关文章

  1. javaScript系列 [03]-javaScript原型对象

    [03]-javaScript原型对象 引用: javaScript是一门基于原型的语言,它允许对象通过原型链引用另一个对象来构建对象中的复杂性,JavaScript使用原型链这种机制来实现动态代理. ...

  2. 浅谈系列之 javascript原型与对象

    在我学习与使用javascript三个月中,我一直对javascript的继承关系以及prototype理解不清,导致很多时候为什么这么用说不出个所以然来.截止到本周为止,通过之前的学习以及自己的再学 ...

  3. 深入理解javascript原型和闭包（3）——prototype原型

    既typeof之后的另一位老朋友! prototype也是我们的老朋友,即使不了解的人,也应该都听过它的大名.如果它还是您的新朋友,我估计您也是javascript的新朋友. 在咱们的第一节(深入理解 ...

  4. 深入理解javascript原型和闭包（4）——隐式原型

    注意:本文不是javascript基础教程,如果你没有接触过原型的基本知识,应该先去了解一下,推荐看<javascript高级程序设计(第三版)>第6章:面向对象的程序设计. 上节已经提到 ...

  5. 深入理解javascript原型和闭包（5）——instanceof

    又介绍一个老朋友——instanceof. 对于值类型,你可以通过typeof判断,string/number/boolean都很清楚,但是typeof在判断到引用类型的时候,返回值只有object/ ...

  6. 深入理解javascript原型和闭包（15）——闭包

    前面提到的上下文环境和作用域的知识,除了了解这些知识之外,还是理解闭包的基础. 至于“闭包”这个词的概念的文字描述,确实不好解释,我看过很多遍,但是现在还是记不住. 但是你只需要知道应用的两种情况即可 ...

  7. 深入理解javascript原型和闭包（18）——补充：上下文环境和作用域的关系

    本系列用了大量的篇幅讲解了上下文环境和作用域,有些人反映这两个是一回儿事.本文就用一个小例子来说明一下,作用域和上下文环境绝对不是一回事儿. 再说明之前,咱们先用简单的语言来概括一下这两个的区别. 0 ...

  8. 深入理解javascript原型和闭包（1）---一切都是对象

    深入理解javascript原型和闭包(1)---一切都是对象 type函数输出的类型,在此列出: function show (x){ console.log(typeof(x));//undefi ...

  9. javascript原型对象prototype

    “我们创建的每一个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法.” 引用类型才具有prototype属性 ...

随机推荐

  1. colgroup 整行变色

    <table border="2" width="100%"> <colgroup span="2" align=&quo ...

  2. C++ 中 字符数组 和 指针 区别

    char str1[] = "abc"; char str2[] = "abc"; const char str3[] = "abc"; c ...

  3. MySQL详细操作

    一.用户管理 -- 创建用户 create user "用户名"@"IP地址" identified by "密码"; "; &q ...

  4. python爬虫15 | 害羞，用多线程秒爬那些万恶的妹纸们，纸巾呢？

    有时候 只是在人群中多看了一眼 就再也没办法忘掉那些容颜 小帅b在普通的一天 上着普通的网 不小心打开了一个不太普通的网站 https://www.mzitu.com/ 从此进入了不普通的一天 看着不 ...

  5. max_element()与min_element()

    #include<iostream>#include<algorithm>using namespace std;bool cmp(int i,int j){ return i ...

  6. 【codeforces 510D】Fox And Jumping

    [题目链接]:http://codeforces.com/contest/510/problem/D [题意] 你可以买n种卡片; 每种卡片的花费对应c[i]; 当你拥有了第i种卡片之后; 你可以在任 ...

  7. 2017沈阳网络赛hdu6199 gems gems gems

    gems gems gems Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) P ...

  8. Hibernate注解开发教程

    目录 第一章 类级别注解 1-1 本章简介 一.Hibernate注解简介 二.JPA与Hibernate的关系 三.Hibernate注解的分类 1-2 准备工作 1-3 @Entity注解 1-4 ...

  9. Spring MVC-视图解析器（View Resolverr）-XML视图解析器（Xml View Resolver）示例（转载实践）

    以下内容翻译自:https://www.tutorialspoint.com/springmvc/springmvc_xmlviewresolver.htm 说明:示例基于Spring MVC 4.1 ...

  10. OpenCV摄像头读取

    在Mac下面使用默认的OpenCV读取摄像头程序会报错 int main(int, char**) { VideoCapture cap(0); // open the default camera ...