先为大家分享JS原型继承实例，供大家参考，具体内容如下
一、JS原型继承
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>JS原型继承</title></head><body> <!--原型继承--> <script type="text/javascript"> //clone()函数用来创建新的类Person对象 var clone = function(obj) { var _f = function() {}; //这句是原型式继承最核心的地方，函数的原型对象为对象字面量 _f.prototype = obj; return new _f; } //先声明一个对象字面量 var Animal = { somthing: 'apple', eat: function() { console.log("eat " + this.somthing); } } //不需要定义一个Person的子类，只要执行一次克隆即可 var Cat = clone(Animal); //可以直接获得Person提供的默认值，也可以添加或者修改属性和方法 console.log(Cat.eat()); Cat.somthing = 'orange'; console.log(Cat.eat()); //声明子类,执行一次克隆即可 var Someone = clone(Cat); </script></body></html>二、JavaScript原型继承工作原理
JavaScript采用原型继承这事儿是众所皆知的，但由于它默认只提供了一个实现的实例，也就是 new 运算符，因此对于它的解释总是令人困惑，接下来阐明什么是原型继承以及在JavaScript中究竟如何使用原型继承。
原型继承的定义
当你阅读关于JS原型继承的解释时，你时常会看到以下这段文字：
当查找一个对象的属性时，JavaScript 会向上遍历原型链，直到找到给定名称的属性为止。——出自JavaScript秘密花园
大多数JavaScript的实现用 __proto__ 属性来表示一个对象的原型链。在这篇文章里我们将看到 __proto__与 prototype 的区别何在。
注：__proto__ 是一个不应在你代码中出现的非正规的用法，这里仅仅用它来解释JavaScript原型继承的工作原理。
以下代码展示了JS引擎如何查找属性：
function getProperty(obj, prop) { if (obj.hasOwnProperty(prop)) return obj[prop] else if (obj.__proto__ !== null) return getProperty(obj.__proto__, prop) else return undefined } 让我们举一个常见的例子：二维点，拥有二维坐标 x y ，同似拥有一个 print 方法。
用之前我们说过的原型继承的定义，我们创建一个对象 Point ，拥有三个属性：x，y 和 print 。为了能创建一个新的二维点，我们需要创建一个新的对象，让他其中的 __proto__ 属性指向 Point ：
var Point = { x: 0, y: 0, print: function () { console.log(this.x, this.y); } }; var p = {x: 10, y: 20, __proto__: Point}; p.print(); // 10 20 JavaScript怪异的原型继承
令人困惑的是，每个教授原型继承的人都不会给出这样一段代码，反而会给出下面这样的代码：
新闻热点
疑难解答
图片精选
