jquery protoType

最新推荐文章于 2020-07-03 14:34:20 发布

weixin_33826609

最新推荐文章于 2020-07-03 14:34:20 发布

阅读量165

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/876290/blog/282134

本文介绍了JavaScript如何通过构造函数和原型实现类的概念，解释了如何创建自定义对象及其实现继承的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

模拟JavaScript中类和继承在面向对象的语言中，我们使用类来创建一个自定义对象。然而JavaScript中所有事物都是对象，那么用什么办法来创建自定义对象呢？

这就需要引入另外一个概念 - 原型（prototype），我们可以简单的把prototype看做是一个模版，新创建的自定义对象都是这个模版（prototype）的一个拷贝（实际上不是拷贝而是链接，只不过这种链接是不可见，给人们的感觉好像是拷贝）。

让我们看一下通过prototype创建自定义对象的一个例子：

// 构造函数 function Person(name, sex) { this.name = name; this.sex = sex; } // 定义Person的原型，原型中的属性可以被自定义对象引用 Person.prototype = { getName: function() { return this.name; }, getSex: function() { return this.sex; } } 这里我们把函数Person称为构造函数，也就是创建自定义对象的函数。可以看出，JavaScript通过构造函数和原型的方式模拟实现了类的功能。创建自定义对象（实例化类）的代码：

var zhang = new Person("ZhangSan", "man"); console.log(zhang.getName()); // "ZhangSan" var chun = new Person("ChunHua", "woman"); console.log(chun.getName()); // "ChunHua" 当代码var zhang = new Person("ZhangSan", "man")执行时，其实内部做了如下几件事情：

创建一个空白对象（new Object()）。拷贝Person.prototype中的属性（键值对）到这个空对象中（我们前面提到，内部实现时不是拷贝而是一个隐藏的链接）。将这个对象通过this关键字传递到构造函数中并执行构造函数。将这个对象赋值给变量zhang。

转载于:https://my.oschina.net/u/876290/blog/282134