非构造函数继承_解决Javascript不能继承基类静态方法和静态变量

jackyin5918

浏览: 308755 次

最近访客更多访客>>

ybfjavaeye

sun80264629

xiaole0226

lmdheart

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

<html>
<head>
<title>非构造函数继承_解决Javascript不能继承基类静态方法和静态变量</title>
</head>

<body>

</body>
<script language="javascript">
  var People = 
  {
　　nation:'中国'
　};

  var Doctor =
  {
　  career:'医生'
　}

  //json格式的发明人Douglas Crockford，提出了一个object()函数，可以做到这一点。
　function object(o) 
  {
　  function F() {}
　　F.prototype = o;
　　return new F();
　}
  //这个object()函数，其实只做一件事，就是把子对象的prototype属性，指向父对象，
  //从而使得子对象与父对象连在一起。使用的时候，第一步先在父对象的基础上，生成子对象：
　//　var Doctor = object(Chinese); 然后，再加上子对象本身的属性：
　//　Doctor.career = '医生'
  //这时，子对象已经继承了父对象的属性了。
　//　alert(Doctor.nation); //中国
  
  
  //浅拷贝
  function extendCopy(p) 
  {
　　var c = {};
　　for (var i in p) 
    { 
　　　c[i] = p[i];
　　}
　　c.uber = p;
　　return c;
　}

  //深拷贝
  function deepCopy(p, c) 
  {
　　var c = c || {};
　　for (var i in p) 
    {
　　　if (typeof p[i] === 'object') 
      {
　　　  c[i] = (p[i].constructor === Array) ? [] : {};
　　　　deepCopy(p[i], c[i]);
　　　} 
      else 
      {
　　　  c[i] = p[i];
　　　}
　　}
　　return c;
  }
  
  
  //参见 非构造函数的继承
  //http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_continued.html
  //上面深拷贝方式实现的是对象继承.
  
  /*************************************************************************************************/
  
  //定义这个基类
  function Person()
  {
    this.type = "Human"; 
  }
  //这里Person是一个对象
  
  //静态变量
  Person.mouth = 1;
  Person.sayHello = function()
  {
    alert("Hello"); 
  }
  
  //定义一个子类
  function Chinese()
  {
    this.type = "Chinese";  
  }
  
  //因为使用function定义了Person和Chinese类后,Person和Chinese就分别表示两个对象
  //于是可以使用下面浅拷贝的方式继承基类的 静态变量和方法了
  //for(obj in Person)
  //{
  //   Chinese[obj] = Person[obj];
  //   console.log(Person[obj]);
  //}
  //但是为了防止静态变量是数组,所以使用深拷贝方式 继承静态变量和方法
  
  deepCopy(Person,Chinese);
  
  Chinese.sayHello(); //已经继承了基类的 静态方法
  console.log(Chinese.mouth); //继承了基类的静态变量
  
  var aChinese = new Chinese(); //依然可以使用这样的方式创建对象
  console.log(aChinese);
  
</script>
</html>

分享到：