精华 函数原型 ( Function Prototype)
发布于 10 年前 作者 russj 4740 次浏览 最后一次编辑是 8 年前 来自 分享

我发现在 JavaScript 里如果非要用类 class,对象 object,实例 instance 来描述面向对象概念的话,很容易搞混。比如 <code> obj instanceof Constructor</code>, 我们可以说 “这个对象是那个构造函数的一个实例” 吗?感觉怪怪的。

还有在某些开发语言语境里,对象有点像类,是个抽象概念,而在 JavaScript 里,对象就是实例,实实在在位于内存的某个位置。

构造函数的原型就是为构造函数这个对象创建蓝图添加新功能的。

原型特点

  • 使用原型可以方便地定义对象,但是原型其实是函数的一个特性。只有函数才有原型,对象没有原型。

  • 原型一旦定义,它的属性就变为了对象的属性,甚至是原型定义之前已经初始化的同类对象,在原型定义后都可以调用这个构造函数的原型。原型不是被简单拷贝到每个对象,而是被附加在对象上。原型和构造函数内的函数或变量同名的话,会优先调用构造函数内的函数或变量,只有在构造函数内找不到才会在原型里继续搜寻。但是后面提到的继承不往前追溯。Ninja 的对象必须在<code> Ninja.prototype = new Person(); </code> 继承语句之后被创建才能继承 Person '类’。

  • 原型不光可以给对象添加方法(method),也可以添加属性(property)。

new 关键字

var obj = new func(); 

函数前用 new 关键字是函数作为构造函数(constructor)被调用。所以注意,这里不是定义,func()内的所有语句会被依次执行。返回值 obj 是一个新创建的对象,不再是函数了。

继承

下面 Ninja 继承了 Person,所以 n 是 Person 的一个实例(对象)。

Ninja.prototype = new Person(); 
var n = new Ninja(); // n instanceof Person 会返回 true

小技巧:使用<code> undefined || null;</code> 来避免调用到 undefined 使程序崩溃。<br /> 例如:callback.call(context || null, “arg”);

JavaScript 的常用代码规范:<br /> 如果一个函数是用作构造函数的话名字首字母大写,比如 <code> function Ninja(){} </code>;其他所有不是构造函数的都用小写字母命名。<br /> 另外, 构造函数一般是名词,对应将要创建的 ‘类 (class)’。普通函数一般使用动词来命名,或者动词加名词,描述做什么。

1 回复

console.log(Function === Function.constructor );
console.log(Object === Object.constructor );

回到顶部