`

prototype Object.extend()

 
阅读更多
转自:http://zhidao.baidu.com/question/214477055.html

Object.extend = function (destination, source) {
for ( var property in source) {
    destination[property] = source[property];
}
return destination;
} 

Prototype 对Object类进行的扩展主要通过一个静态函数Object.extend(destination, source)实现了JavaScript中的继承。 从语义的角度, Object.extend(destination, source)方法有些不和逻辑, 因为它事实上仅仅实现了从源对象到目标对象的全息拷贝。不过你也可以这样认为:由于目标对象拥有了所有源对象所拥有的特性, 所以看上去就像目标对象继承了源对象(并加以扩展)一样。另外, Prototype对Object扩展了几个比较有用的静态方法, 所有其他的类可以通过调用这些静态方法获取支持。
JScript code
Object.extend=function(destination, source) { // 一个静态方法表示继承, 目标对象将拥有源对象的所有属性和方法
for (var property in source) {
    destination[property] = source[property];   // 利用动态语言的特性, 通过赋值动态添加属性与方法
}
return destination;   // 返回扩展后的对象
}

Object.extend(Object, { 
inspect: function(object) {   // 一个静态方法, 传入一个对象, 返回对象的字符串表示
    try {
      if (object == undefined) return'undefined'; // 处理undefined情况
      if (object ==null) return'null';     // 处理null情况
      // 如果对象定义了inspect方法, 则调用该方法返回, 否则返回对象的toString()值
      return object.inspect ? object.inspect() : object.toString(); 
    } catch (e) {
      if (e instanceof RangeError) return'...'; // 处理异常情况
      throw e;
    }
},
keys: function(object) {     // 一个静态方法, 传入一个对象, 返回该对象中所有的属性, 构成数组返回
    var keys = [];
    for (var property in object)
      keys.push(property);     // 将每个属性压入到一个数组中
    return keys;
},
values: function(object) {   // 一个静态方法, 传入一个对象, 返回该对象中所有属性所对应的值, 构成数组返回
    var values = [];
    for (var property in object) values.push(object[property]); // 将每个属性的值压入到一个数组中
    return values;
},
clone: function(object) {    // 一个静态方法, 传入一个对象, 克隆一个新对象并返回
    returnObject.extend({}, object);
}
});
分享到:
评论

相关推荐

    Javascript Object.extend

    return Object.extend.apply(this, [this, object]); } ``` 在JavaScript中,函数也可以作为对象,可以拥有自己的属性和方法。例如,我们可以为`Function`对象添加静态方法。例如,`Object.extend`就是一个例子,...

    Jquery实现$.fn.extend和$.extend函数_.docx

    return Object.prototype.toString.call(o) === "[object Object]"; } _$.fn.extend = function (obj) { if (isObj(obj)) { for (var i in obj) { this[i] = obj[i]; } } } $.extend = function (obj) {...

    prototype_1.7.3.js 最新版本

    1.7.3版本继续沿用了基于类的模拟实现,通过`Class.create`和`Object.extend`等方法,开发者可以轻松构建复杂的继承层次结构。此外,它还引入了迭代器和观察者模式,使得对象之间的交互更加灵活和可控。 在实际应用...

    prototype.js 1.6中文手册、prototype.js 1.6英文手册、

    例如,`Object.extend()`方法用于合并两个或更多对象的属性到第一个对象中,实现了类似CSS中的继承概念。`Object.clone()`则用于创建一个对象的浅复制,保留原始对象的所有属性,但不包括引用类型的值。 ### 2. DOM...

    prototype 1.6.0.2.js+使用DEMO例子

    1. **对象扩展**:Prototype扩展了JavaScript的类式继承机制,通过`Object.extend()`方法可以方便地为对象添加属性和方法。此外,`Class.create()`和`Object.clone()`等函数则支持面向对象编程。 2. **数组操作**:...

    prototype 1.6中文手册 chm+prototype 1.6.js源码 最新版

    对象操作部分则讲解了Prototype如何支持面向对象的编程,如Class构造函数、Object.extend继承机制等。DOM操作部分涵盖了元素的创建、查找、修改和删除,而事件处理章节则解释了如何绑定和触发事件,以及如何处理跨...

    Jquery实现$.fn.extend和$.extend函数

    return Object.prototype.toString.call(o) === "[object Object]"; } _$.fn.extend = function (obj) { if (isObj(obj)) { for (var i in obj) { this[i] = obj[i]; } } } _$.extend = function (obj) ...

    prototype1.7.zip

    例如,`Object.extend()`方法允许我们轻松地合并两个或多个对象,而`Function.prototype.bind()`则使我们能够固定函数的上下文,确保`this`关键字始终指向预期的对象。 2. **DOM操作** Prototype 提供了一套强大...

    prototype1.6.0.3.rar

    除了上述功能,Prototype还包含了一些实用工具,如Enumerable模块中的各种集合操作方法,Object.extend()用于对象合并,以及Hash类用于键值对存储等。 综上所述,Prototype 1.6.0.3版本通过“prototypejs.js”文件...

    prototype.js 1.6

    - **类继承**:通过 `Class.create()` 创建新类,并利用 `Class.inherit()` 或 `Object.extend()` 实现类继承。 - **DOM 操作**:利用 `Element` 对象上的方法,如 `Element.update()` 和 `Element.insert()`,可以...

    prototype.js.cn.doc.rar

    2. **类和实例**:Prototype.js引入了`Object.extend()`方法来创建类,以及`new`关键字创建实例。通过`Prototype.Class.create()`可以创建自定义类,继承机制则通过`Prototype.inheritsFrom()`实现。 3. **事件处理...

    prototype.js简介

    它通过`Class.create()`方法创建类,通过`Object.extend()`方法实现对象的继承。此外,还提供了`prototype`属性来扩展类的行为。 2. **DOM操作** - 为了解决JavaScript操作DOM的繁琐,prototype.js 提供了一系列...

    Prototype 1.6.0.3 中文参考手册

    例如,`Object.extend()`函数用于合并两个或更多对象的属性,使得代码更易于维护和复用。此外,`Function.prototype.bind()`方法允许我们固定函数的作用域,确保函数在调用时总是以特定的对象为上下文,这在处理事件...

    浅谈jquery.fn.extend与jquery.extend区别

    1.jquery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jquery.fn.extend(object);给jQuery对象添加方法。 $.extend({  add:function(a,b){return a+b;} }); //$.add(3,4); //return 7 jQuery添加...

    ES6中新增的Object.assign()方法详解

    Prototype: Object.extend(destination, source) Underscore.js: _.extend(destination, *sources) Object.assign()介绍 ES6提供了Object.assign() ,用于合并/复制对象的属性。 Object.ass

    prototype.js

    4. **对象操作**:Prototype.js引入了类(Class)的概念,支持类的创建、继承和实例化,如`Class.create()`和`Object.extend()`等方法,使得JavaScript具备了更强大的面向对象编程能力。 5. **数组和字符串扩展**:...

    prototype 开发应用手册,笔记,prototype.js文件下载

    1. Object.extend:这是Prototype中最基本的扩展方法,用于将一个对象的属性复制到另一个对象上,实现对象的继承。例如,我们可以创建一个新对象并继承自现有对象: ```javascript var MyObject = Object.extend({}...

    prototype.js中文手册

    3. **对象扩展**:Prototype.js 基于JavaScript原型链实现类和对象的继承,提供了`Object.extend()` 和 `Class.create()` 方法,使得JavaScript具备更强大的面向对象编程能力。 4. **函数工具**:内置了一系列实用...

    prototype 1.3 源码解读

    return Object.extend.apply(this, [this, object]); }; ``` - **`Object.prototype.extend`**:该方法使得任何对象都可以直接使用 `extend` 方法来自身扩展其他对象的属性。这是一种链式调用的方式,使得代码更加...

Global site tag (gtag.js) - Google Analytics