老生常谈JS中的继承及实现代码

老生常谈老生常谈JS中的继承及实现代码中的继承及实现代码

主要介绍了js中的继承及实现代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考

下

JS虽然不像是JAVA那种强类型的语言，但也有着与JAVA类型的继承属性，那么JS中的继承是如何实现的呢？

一、构造函数继承一、构造函数继承

在构造函数中，同样属于两个新创建的函数，也是不相等的

function Fn(name){

this.name = name;

console.log(obj1.show==obj2.show); //false

此时可以看出构造函数的多次创建会产生多个相同函数，造成冗余太多。

利用原型prototype解决。首先观察prototype是什么东西

function Fn(){}

console.log(Fn.prototype);

//constructor表示当前的函数属于谁

//__proto__ == [[prototype]]，书面用语，表示原型指针

var fn1 = new Fn();

var fn2 = new Fn();

Fn.prototype.show = function(){

this.skill = skill;

this.show = function(){

alert("我会"+this.skill);

}

}

var father = new Father("绝世木匠");

function Son(abc){

//这里的this指向函数Son的实例化对象

//将Father里面的this改变成指向Son的实例化对象，当相遇将father里面所有的属性和方法都复制到了son身上

//Father.call(this,abc);//继承结束，call适合固定参数的继承

这个的么实现一个一个简单的拖拽，a->b的一个继承。把a的功能继承给b。

HTML:

<div id="drag1"></div>

<div id="drag2"></div>

CSS:

*{margin: 0;padding: 0;}

#drag1{width: 100px;height: 100px;background: red;position: absolute;}

#drag2{width: 100px;height: 100px;background: black;position: absolute;left: 500px;}

JS:

function Drag(){}