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

JavaScript016

如何通俗解释 JavaScript 中的原型概念,第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()

小蛋糕画法如下：

工具：画纸、画笔、彩铅。

1、首先，从蛋糕杯开始画，选择不同颜色的画笔，分别画出五个梯形的蛋糕杯。

2、在蛋糕杯上面画上几条竖线，然后画出樱桃、奶油和巧克力。

食物画法注意事项

1、边观察实物边绘制草图。

2、食物的线条不要过度整洁，留下粗糙感来表现柔软。相反，餐具类如果画成均匀线条的话，就能表现出和食物的质感差异，所以使用直线工具画了出来。

3、在画食物的时候，选择“酱（红）味强烈”“彩度高”会显得很好吃。

4、在之后的工程中，看着参考的照片，一边理解立体使其明亮的位置，一边涂的话，在之后的绘制过程中就不会感到迷茫了。

5、选择接近底色的颜色。如果选择灰色系的颜色的话，用底色好不容易提高了彩度的意义就会消失，所以需要注意。与明亮的地方相反，考虑凹陷的地方然后涂抹影子。之后会有使其模糊的步骤，所以这个阶段会涂得很清楚。请不要用太模糊的笔刷。

6、使用混合色系的笔刷进行涂抹。因为做得太过软地成为温和的质量的感觉，适当地留下部分线条。