理解javascript的函数prototype
2013-04-18 13:39
429 查看
1. 在Javascript中,函数protoytpes是一个很方便的方式来为一个函数的实例快速地绑定属性。它有多种用途,其中,最主要的目的是为了实现OO(Object-Oriented programming).
所有的function都有prototype属性,默认情况下,它包含空的对象。prototype只有在functions被实例化后才能发挥出它的作用。请记住:Functions有双重作用。函数不仅仅作为一般常规的函数功能,也可以在它能够被实例化时作为类。
2. 对象属性constructor. 这个属性存在于所有的对象,提供了对创建的原始函数的反引用。可以使用它来认证是否是原始实例对象。这也意味着,当一个带有new操作的函数被调用时,它的上下文context与它本身的实例是相等的。
事实上,一个函数context能够被重新定义一旦它被调用.JavaScript 提供了两个方法来调用函数,它们是call 和 apply。当它们被调用时,它的context和参数将被作为它的实例来看待。
call 和apply 的列子:
所有的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()则是以数组类型传入参数。
相关文章推荐
- Javascript的面对对象的理解 【上】(prototype,函数和对象等概念)
- 深入理解javascript中函数的prototype属性(原型)
- 深入理解JavaScript系列(15):函数(Functions)
- 学习 JavaScript 最难点之一 -- 理解prototype(原型)
- 面向对象的Javascript和Prototype的理解
- 深入理解JavaScript系列(2) 揭秘命名函数表达式
- Javascript中this、prototype、constructor的理解
- 如何理解javascript中的prototype(原型)和原型链?
- JavaScript中prototype如何实现函数继承
- 深入理解javascript原型和闭包系列 深入理解javascript原型和闭包(2)——函数和对象的关系
- javascript-js 的prototype原型理解讲解
- 深入理解JavaScript系列(15):函数(Functions)
- 深入理解JavaScript系列(4):立即调用的函数表达式
- [转载]深入理解JavaScript执行上下文、函数堆栈、提升的概念
- 深入理解JavaScript中的函数
- javascript中的函数currying(柯里化) 的理解
- Javascript基础_10立即执行函数,闭包函数理解
- 深入理解JavaScript中的函数
- 深入理解javascript原型和闭包(2)——函数和对象的关系