昨天已经讲到了goog.inherits(),主要负责通过为子构造函数原型对象通过原型链继承父构造函数的原型对象的方法,完成继承。这样继承只完成了原型对象的继承,看看之前的那张图:

是不是感觉父构造函数好像没什么用处啊,还记得上篇文章,构建一个超级对象的设想吗?这个要依赖另一个API,goog.base().

在看源代码之前让我们看看一个简单的demo,温习一下goog.inherit(),这个demo还可以帮助我们了解goog.base()可以做些什么。

demo代码:

输出结果:

分析:

先把goog.inherit()和goog.base()放在一边,让我们先分析一下这三个构造函数:A,B,C。

A:

构造函数:为new(构造)出来的新对象添加name属性,并取名周杰伦。

原型对象:添加details方法,并在控制台输出调用该方法的对象的name的老婆是昆凌。

(不排除有人使用call,apply等方法冒充周杰伦。。。)

B:

原型对象:添加details方法,并在控制台输出,调用该方法的对象的name属性的值的是一名歌手,年龄为该对象属性age的值。

这里有个疑问:该构造函数创建出来的对象是不足以执行其原型对象的方法,简而言之,如果我们用B构造函数创建一个对象,这个对象是没有name属性,如果后面不给该对象添加name属性,而去调用details的方法,在该对象中找不到name属性从而产生错误。

C:

构造函数:为new(构造)出来的新对象添加height属性,并复制为“173cm”。

原型对象:details方法,输出调用该方法的对象的妈妈是叶惠美,身高为该对象的height属性值。

这里与B相似,通过C构造函数构造出来的对象也是不足以满足其原型对象的details的方法,因为C构造出来的对象没有name属性。

然后让我们分析一下结果:

person对象是通过A构造函数构造出来的,但是存在下列疑惑:

1.Person对象为什么同时拥有,B构造函数,和C构造函数中为新对象添加的属性?

2.为什么调用Person对象的details方法的时候不仅执行了构造函数A原型对象的details方法,同时还执行了B和C的原型对象的同名方法?

这就是goog.base的威力。

goog.base()主要有2种使用情况:

1.在构造函数中使用,比如:

先看作用:

找到A继承的父构造函数B,并将当前作用域对象传入B构造函数,并调用。这就可以解释疑惑1中Person对象拥有B构造函数构建的age属性,同时B中又将A中的作用域对象(Person)传入并调用了其父构造函数C,所以person对象又有了height属性。

2.在构造函数原型对象的方法中使用,比如:

在这里,goog.base()的第二个参数是需要调用该原型对象constructor指向的构造函数继承的父构造函数的原型对象的方法名,所以这就很好的解释了疑惑2,为什么执行了B原型对象,同时在B中又调用goog.base()所以又执行了C原型对象的details方法。

这一章我们主要是,做了一个简单的demo,并分析了goog.base()的两个主要用途,及其效果,下面一章我们将着重分析goog.base()的源码。

google closure--继承模块二:goog.base()demo分析的更多相关文章

  1. google closure继承模块三:goog.base()源码分析

    直接看代码吧: base: function (me, opt_methodName, var_args) { var caller = arguments.callee.caller; if (ca ...

  2. google closure--继承模块一:goog.inherits()

    最近在项目是使用了google closure框架,深入研究了一下源码,先从最简单的继承系统吧. 废话不多说,closure继承模块主要有2个API: goog.inherits(childCtor, ...

  3. First Adventures in Google Closure -摘自网络

    Contents Introduction Background Hello Closure World Dependency Management Making an AJAX call with ...

  4. Google Closure Compiler 高级模式及更多思考(转)

    前言 Google Closure Compiler 是 Google Closure Tools 的一员,在 2009 年底被 Google 释出,早先,有 玉伯 的 Closure Compile ...

  5. 主流JavaScript框架(Dojo、Google Closure、jQuery、Prototype、Mootools和YUI)的分析和对比

    本文主要选取了目前比较流行的JavaScript框架Dojo.Google Closure.jQuery.Prototype.Mootools和YUI进行对比,主要是根据网上的资料整理而成,希望可以供 ...

  6. Google Closure Compiler高级压缩混淆Javascript代码

    一.背景 前端开发中,特别是移动端,Javascript代码压缩已经成为上线必备条件. 如今主流的Js代码压缩工具主要有: 1)Uglify http://lisperator.net/uglifyj ...

  7. JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法

    网上搜索了,目前主流的Js代码压缩工具主要有Uglify.YUI Compressor.Google Closure Compiler,简单试用了UglifyJS 和Google Closure Co ...

  8. 使用Google Closure Compiler高级压缩Javascript代码注意的几个地方

    介绍 GCC(Google Closure Compiler)是由谷歌发布的Js代码压缩编译工具.它可以做到分析Js的代码,移除不需要的代码(dead code),并且去重写它,最后再进行压缩. 三种 ...

  9. Google Developing for Android 二 - Memory 最佳实践 // lightSky‘Blog

    Google Developing for Android 二 - Memory 最佳实践   |   分类于 Android最佳实践 原文:Developing for Android, II Th ...

随机推荐

  1. LINQ之路 8: 解释查询(Interpreted Queries)

    LINQ提供了两个平行的架构:针对本地对象集合的本地查询(local queries),以及针对远程数据源的解释查询(Interpreted queries). 在讨论LINQ to SQL等具体技术 ...

  2. Java准确地获取本地IP地址

    问题 用Java获取本机IP地址,需要处理: 1. 多块网卡. 2. 排除loopback设备.虚拟网卡 看似简单的代码,写起来还是要小心一些的. 方案 HBase客户端获取本机IP的代码提供了一个很 ...

  3. MongoDB 概念解析

    SQL术语/概念 MongoDB术语/概念 解释/说明 database database 数据库 table collection 数据库表/集合 row document 数据记录行/文档 col ...

  4. MFC编程入门之十八(对话框:字体对话框)

    在上一节为大家讲解了文件对话框的使用,本节则主要介绍字体对话框如何应用. 字体对话框的作用是用来选择字体.我们也经常能够见到.MFC使用CFontDialog类封装了字体对话框的所有操作.字体对话框也 ...

  5. 转!!Java代码规范、格式化和checkstyle检查配置文档

    为便于规范各位开发人员代码.提高代码质量,研发中心需要启动代码评审机制.为了加快代码评审的速度,减少不必要的时间,可以加入一些代码评审的静态检查工具,另外需要为研发中心配置统一的编码模板和代码格式化模 ...

  6. 冰球项目日志4-yjw

    小组讨论 我们组编程主要分成三个模块,各自负责自己的编程与测试. 杨静梧:确定击球算法编程.输入:冰球位置,速度大小方向:输出:撞击时冰球中心位置. 曹迦勒:确定击球手速度,位置.输入:撞击时冰球中心 ...

  7. 【c#】对象转json字符串/字符串转Json对象

    using Newtonsoft.Json; 一.Hashtable => Json Hashtable hash = new Hashtable(); hash.Add("key1& ...

  8. NSURLErrorDomain -999 "Canceled" 错误探究

    完整错误描述为 Error Domain=NSURLErrorDomain Code=-999 "Canceled/已取消" 这个错误一般用来描述某个网络请求在还未被发出时就被意外 ...

  9. MySQL 解压包 安装

    1.解压 2.配置mysql bin的环境变量 3.配置my-defalue.ini 配置文件 或自己建立一个my.ini文件 [mysqld] basedir=F:\mysql\mysql-5.6. ...

  10. 理解Javascript之执行上下文(Execution Context)

    1>什么是执行上下文 Javascript中代码的运行环境分为以下三种: 全局级别的代码 - 这个是默认的代码运行环境,一旦代码被载入,引擎最先进入的就是这个环境. 函数级别的代码 - 当执行一 ...