从零开始学 Web 之 JavaScript 高级(一)原型,贪吃蛇案例

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新......

github:https://github.com/Daotin/Web

微信公众号:Web前端之巅

博客园:

CSDN:https://blog.csdn.net/lvonve/

在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧!

一、复习

实例对象和构造函数之间的关系:

1、实例对象是通过构造函数来创建的,创建的过程叫实例化。

2、如何判断一个对象是不是某种数据类型?

通过构造器的方法。实例对象.constructor === 构造函数名字

(推荐使用)实例对象 instanceof 构造函数名字

二、原型 1、原型的引入

由来:构造函数的问题。如果一个构造函数中有一个匿名方法,那么每实例化一个对象,然后在对象调用这个方法的时候,由于每个对象的方法都是各自的,所以每次调用这个方法的时候都会在内存中开辟一块空间存储这个方法,这样就造成内存资源的浪费。

解决方法:定义一个函数代替匿名方法。

由这个思想,提出原型的概念。

原型的作用之一:共享数据,节省内存空间。

1.1、用原型对象添加构造函数中的方法

function Person(name, age) { this.name =http://www.likecs.com/ name; this.age=http://www.likecs.com/ age; } Person.prototype.eat =http://www.likecs.com/ function () { console.log("haha"); }; var per1 =http://www.likecs.com/ new Person("Daotin", 18); var per2 =http://www.likecs.com/ new Person("lvonve", 18); console.log(per1); console.log(Person); console.log(per1.eat ===http://www.likecs.com/ per2.eat); // true

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zydfps.html