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深度拷贝和浅拷贝简单介绍一章节。

回复

我来回复
  • 暂无回复内容