jQuery源码解读-核心机制(2)

  • 核心机制——分离构造器

1、new操作符构建对象

通过new操作符构建一个对象,一般经过四步:

  • 创建一个新对象
  • 将构造函数的作用域赋给新对象(this就指向了这个新对象)
  • 执行构造函数中的代码
  • 返回这个新对象

其实new操作符主要是把原型链跟实例的this关联起来,这才是最关键的一点,所以我们如果需要原型链就必须要new操作符来进行处理。否则this则变成window对象了。

下面直接来jQuery这个结构中,常见的"类式写法"

var $ = AjQuery = function(selector) {
    this.selector = selector;
    return this
}

AjQuery.fn = AjQuery.prototype = {
    selectorName:function(){
        return this.selector;
    },
    constructor: AjQuery
}

var a = new $('abc')      //实例化创建一个对象
a.selectorName()         //abc ,获得选择器的名字
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,863评论 24 450
  • 本章内容 理解对象属性 理解并创建对象 理解继承 面向对象语言有一个标志,那就是它们都有类的概念,而通过类可以创建...
    闷油瓶小张阅读 884评论 0 1
  • 1,javascript 基础知识 Array对象 Array对象属性 Arrray对象方法 Date对象 Dat...
    Yuann阅读 957评论 0 1
  • spark streaming的程序如果运行方式是yarn client mode,那么如何指定driver和ex...
    Woople阅读 3,606评论 0 2
  • 醒得有点早,拿手机逛逛朋友圈。没啥新闻,只有夜猫子很晚都在吵。每天都有那么多人失眠,我是昨晚上倒在床上就睡...
    妙澈阅读 529评论 0 0