在JavaScript中,prototype是函数拥有的一个属性,而__proto__是每个对象所拥有的属性,两者返回的内容是不一样的。下面分别使用两组实例讲述prototype和__proto__的用法和区别,操作如下:
工具/原料
1
HBuilder
2
JavaScript
3
HTML5
4
浏览器
5
截图工具
方法/步骤
1
第一步,双击打开HBuilder编辑工具,新建一个静态页面prototype.html;在定义一个对象变量obj,调用__proto__,如下图所示:
2
第二步,保存代码并在浏览器中,预览界面效果,并查看控制台打印结果,如下图所示:
3
第三步,再次修改JavaScript代码,调用prototype,打印结果,如下图所示:
4
第四步,再次保存预览,可以查看到浏览器控制台打印结果为undefined,如下图所示:
5
第五步,将obj变量对象改为变量函数,函数有个返回值;调用__proto__,查看打印结果,如下图所示:
注意事项
1
注意JavaScript中的prototype和__proto__的用法
2
注意获取变量和获取函数的方法