理解javascript的函数prototype

最新推荐文章于 2025-08-10 19:50:19 发布

iteye_3759

最新推荐文章于 2025-08-10 19:50:19 发布

阅读量125

点赞数

文章标签： javascript ViewUI

本文介绍了JavaScript中如何通过函数的prototype属性实现面向对象编程，并解释了构造函数与实例之间的关系。此外，还探讨了如何利用constructor属性验证实例的创建来源，并展示了如何改变函数调用的上下文。

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

1. 在Javascript中，函数protoytpes是一个很方便的方式来为一个函数的实例快速地绑定属性。它有多种用途，其中，最主要的目的是为了实现OO(Object-Oriented programming).

所有的function都有prototype属性，默认情况下，它包含空的对象。prototype只有在functions被实例化后才能发挥出它的作用。请记住：Functions有双重作用。函数不仅仅作为一般常规的函数功能，也可以在它能够被实例化时作为类。

function Service(){}
Service.prototype.ok = function(){
return true;
};
var service1 = Service();
assert( service === undefined, "Is undefined, not an instance of Service." );
var service2 = new Service(); 
assert( service2.ok(), "Method exists and is callable." );

2. 对象属性constructor. 这个属性存在于所有的对象，提供了对创建的原始函数的反引用。可以使用它来认证是否是原始实例对象。这也意味着，当一个带有new操作的函数被调用时，它的上下文context与它本身的实例是相等的。

事实上，一个函数context能够被重新定义一旦它被调用.JavaScript 提供了两个方法来调用函数，它们是call 和 apply。当它们被调用时，它的context和参数将被作为它的实例来看待。

var job1 = new Job();
var job2 = new ninja.constructor();
assert( job2 instanceof Job, "Still a ninja object." );

call 和apply 的列子：

function add(a, b){
return a + b;
}
assert( add.call(this, 1, 2) == 3,
".call() takes individual arguments" );

assert( add.apply(this, [1, 2]) == 3,
".apply() takes an array of arguments" );

简单地说，call是单个地传入参数而apply()则是以数组类型传入参数。