javascript非构造函数继承简单介绍

本章节介绍一下关于非构造函数继承简单介绍，希望能够给需要的朋友带来一定的帮助。

关于构造函数的继承可以参阅javascript构造函数继承简单介绍一章节。

一.什么是非构造函数的继承:

两个都是普通对象，不是构造函数，无法使用构造函数方法实现继承，看下面代码实例:

var Web={target:"浏览者访问"}

创建一个父对象，给出了网站的基本目的是味浏览者访问之用，再来看一个子对象代码:

var Antzone={webName:'前端教程网'};

二.使用object()方法实现继承:

当然这个方法可以是其他名称，这里只是惯例如此，代码实例如下:

function object(o) {
  function F() {}
　F.prototype = o;
  return new F();
}

在object()方法中创建一个空函数F()，当然是为了尽量让其"干净"，然后将父对象赋值给函数F的prototype属性，从子对象就和父对象取得了联系，然后再返回F()的实例化对象，这个对象具有父对象的属性，然后再加上子对象自身的属性即可，代码如下:

var Web={target:"浏览者访问"}
var Antzone={webName:"前端教程网"};
 
function object(o) {
  function F() {}
　F.prototype = o;
  return new F();
}
Antzone=object(Web);
Antzone.webName="前端教程网"
console.log(Antzone.webName);
console.log(Antzone.target);

三.使用拷贝的方式实现继承:

这里不多介绍了，具体可以参阅javascript深度拷贝和浅拷贝简单介绍一章节。