Question

如何通俗解释 JavaScript 中的原型概念

Answer 1

简单来讲：构造函数是制作蛋糕的机器， 那么原型就是蛋糕的模子， 生成出来对象自然就是蛋糕啦用代码实现：
// 这个函数是制作蛋糕的机器functionMakeCake(buyer){this.buyer=buyer;}// 我们选择一个9寸圆形的草莓蛋糕MakeCake.prototype={size:"9寸",shape:"圆形",taste:"草莓味 "}varstrawberryCake=newMakeCake("Jimmy");// 给jimmy做的草莓蛋糕出炉啦varstrawberryCake2=newMakeCake("Bob");// 再给Bob做一个// 我们选择一个12寸方形巧克力双层蛋糕模型MakeCake.prototype={size:"12寸",shape:"方形",taste:"巧克力",type:"双层的"}varchocolateCake=newMakeCake("Jimmy");// 给Jimmy做一个巧克力蛋糕 ：）
那这个蛋糕制造机是怎么被生产出来的呢？制蛋糕的机器也是仿照一个模子通过一台机器制造机做出来的javascript内部有一个机器制造器叫做Function函数。而你可以把function CustomFunction(){...} 视为new Function(args, functionBody) 的语法糖。当你需要一台机器，你就可以使用new Function({...}),这个机器制造器Function就会按照一个默认的模子生产出一台机器。
要说明的是， 语法糖的说法并不是完全准确的，函数声明形式和new Function()不等价，new Function() 效率会低一些。
附一张原型链的图： 对象的__proto__属性指向它的原型
functionCat(name){this.name=name}varjetty=newCat()