如何通过实例分析深入理解JavaScript进阶（四）原型与原型链的用法？

本文共计2659个文字，预计阅读时间需要11分钟。

原文示例：本文实例讲述了JavaScript原型与原型链用法。分享给广大读者，仅供参考，具体如下：一句话说明什么是原型：原型就是一个JavaScript对象，原型能存储我们的方法，构造函数创建出来的实例会继承原型上的方法。

改写后：本文以实例介绍了JavaScript的原型及其链用法。以下内容供大家参考：简述原型：原型是指一个JavaScript对象，它存储了方法，由构造函数创建的实例可以继承这些方法。

本文实例讲述了JavaScript原型与原型链用法。分享给大家供大家参考，具体如下：

一句话说明什么是原型：原型就是一个JavaScript对象，原型能存储我们的方法，构造函数创建出来的实例对象能够引用原型中的方法。

一、传统构造函数的问题

有如下代码

function Foo(){ this.sayHello = function(){ } }

由于对象是调用new Foo()所创建出来的，因此每一个对象在创建的时候，函数 sayHello 都会呗创建一次

那么有没一个对象都含有一个独立的，不同的，但是功能逻辑一样的函数，比如：{} == {}。

在代码中方法就会消耗性能，最典型的资源就越是内存

这里最好的方法就是将函数放在构造函数之外，那么在构造函数中引用该函数即可

function sayHello () {} function Foo () { this.say = sayHello； }

会在开发中变得困难：引入框架危险，代码繁冗不好维护。解决方法就是如果外面的函数不占用其名字，而且在函数名下。