AJax技术

javascript 学习(3)

字号+ 作者:H5之家 来源:H5之家 2016-09-12 15:17 我要评论( )

这就将myFunc函数绑定到myObj的init函数,执行后会弹出对话框123。 Ajax::prototype 源码解读 之 prototype.js 一[转载] /** * 定义一个全局对象, 属性 Version 在发布的时候会替换为当前版本号 */ var Prototype =

这就将myFunc函数绑定到myObj的init函数,执行后会弹出对话框123。
 
Ajax::prototype 源码解读 之 prototype.js 一[转载]
/**
 * 定义一个全局对象, 属性 Version 在发布的时候会替换为当前版本号
 */
var Prototype = {
  Version:
}

/**
 * 创建一种类型,注意其属性 create 是一个方法,返回一个构造函数。
 * 一般使用如下 
 *     var X = Class.create();  返回一个类型,类似于 java 的一个Class实例。
 * 要使用 X 类型,需继续用 new X()来获取一个实例,如同 java 的 Class.newInstance()方法。
 *
 * 返回的构造函数会执行名为 initialize 的方法, initialize 是 Ruby 对象的构造器方法名字。
 * 此时initialize方法还没有定义,其后的代码中创建新类型时会建立相应的同名方法。
 *
 * 如果一定要从java上去理解。你可以理解为用Class.create()创建一个继承java.lang.Class类的类。当然java不允许这样做,因为Class类是final的
 *
 */
var Class = {
  create: function() {
    return function() {
      this.initialize.apply(this, arguments);
    }
  }
}

/**
 * 创建一个对象,从变量名来思考,本意也许是定义一个抽象类,以后创建新对象都 extend 它。
 * 但从其后代码的应用来看, Abstract 更多是为了保持命名空间清晰的考虑。
 * 也就是说,我们可以给 Abstract 这个对象实例添加新的对象定义。
 *
 * 从java去理解,就是动态给一个对象创建内部类。
 */
var Abstract = new Object();

/**
 * 获取参数对象的所有属性和方法,有点象多重继承。但是这种继承是动态获得的。
 * 如:
 *     var a = new ObjectA(), b = new ObjectB();
 *     var c = a.extend(b);
 * 此时 c 对象同时拥有 a 和 b 对象的属性和方法。但是与多重继承不同的是,c instanceof ObjectB 将返回false。
 */
Object.prototype.extend = function(object) {
  for (property in object) {
    this[property] = object[property];
  }
  return this;
}

/**
 * 这个方法很有趣,它封装一个javascript函数对象,返回一个新函数对象,新函数对象的主体和原对象相同,但是bind()方法参数将被用作当前对象的对象。
 * 也就是说新函数中的 this 引用被改变为参数提供的对象。
 * 比如:
 *     <input type="text" id="aaa" value="aaa">
 *     <input type="text" id="bbb" value="bbb">
 *     .................
 *     <script>
 *         var aaa = document.getElementById("aaa");
 *         var bbb = document.getElementById("bbb");
 *         aaa.showValue = function() {alert(this.value);}
 *         aaa.showValue2 = aaa.showValue.bind(bbb);
 *     </script>
 *  那么,调用aaa.showValue 将返回"aaa", 但调用aaa.showValue2 将返回"bbb"。
 *
 * apply 是ie5.5后才出现的新方法(Netscape好像很早就支持了)。
 * 该方法更多的资料参考MSDN
 * 还有一个 call 方法,应用起来和 apply 类似。可以一起研究下。
 */
Function.prototype.bind = function(object) {
  var method = this;
  return function() {
    method.apply(object, arguments);
  }
}

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ajax 教程 入门 学习

    Ajax 教程 入门 学习

    2016-09-02 14:01

  • 学习javascript:牛人的讲座视频和PPT

    学习javascript:牛人的讲座视频和PPT

    2016-08-22 13:00

  • 最全面的JavaScript调试技巧总结

    最全面的JavaScript调试技巧总结

    2016-08-21 15:01

  • 学习javaweb时的Ajax笔记

    学习javaweb时的Ajax笔记

    2016-08-18 11:00

网友点评