XIAOSUO 记录个人学习的足迹

摘要：Break Dependencies：打破依赖 有些单元测试需要恰当的测试“缝隙”（test seam）来模拟/隔离一些不想被测试的部分。如果你正想在代码中引入这种单元测试，那么今天介绍的重构就十分有用。在这个例子中，我们的客户端代码使用一个静态类来实现功能。但当需要单元测试时，问题就来了。我们无法在单元测试中模拟静态类。解决的方法是使用一个接口将静态类包装起来，形成一个缝隙来切断与静态类之间的依赖。 public class AnimalFeedingService { private bool FoodBowlEmpty { get; set; } public void Feed() { if (FoodBowlEmpty) Feeder.ReplenishFood(); // more code to feed the animal } } public static class Feeder { public static void ReplenishFood() { // fill up bowl } } 重构时我们所要做的就是引入一个接口和简单调用上面那个静态类的类。因此行为还是一样的，只是调用的方式产生了变化。这是一个不错的重构起始点，也是向代码添加单元测试的简单方式。 public class AnimalFeedingService { public IFeederService FeederService { get; set; } public AnimalFeedingService(IFeederService feederService) { FeederService = feederService; } private bool FoodBowlEmpty { get; set; } public void Feed() { if (FoodBowlEmpty) FeederService.ReplenishFood(); // more code to feed the animal } } public interface IFeederService { void ReplenishFood(); } public class FeederService…… 阅读全文

摘要：Switch to Strategy：策略模式转换switch分支 switch 语句块很大，并且会随时引入新的判断条件。这时，最好使用策略模式将每个条件封装到单独的类中。 实现策略模式的方式是很多的。我在这里介绍的策略重构使用的是字典策略，这么做的好处是调用者不必修改原来的代码。 public class ClientCode { public decimal CalculateShipping() { ShippingInfo shippingInfo = new ShippingInfo(); return shippingInfo.CalculateShippingAmount(State.Alaska); } } public enum State { Alaska, NewYork, Florida } public class ShippingInfo { public decimal CalculateShippingAmount(State shipToState) { switch (shipToState) { case State.Alaska: return GetAlaskaShippingAmount(); case State.NewYork: return GetNewYorkShippingAmount(); case State.Florida: return GetFloridaShippingAmount(); default: return 0m; } } private decimal GetAlaskaShippingAmount() { return 15m; } private decimal GetNewYorkShippingAmount() { return 10m; } private decimal GetFloridaShippingAmount() { return 3m; } } 要应用该重构，需将每个测试条件至于单独的类中，这些类实现了一个共同的接口。然后将枚举作为字典的键，这样就可以获取正确的实现，并执行其代码了。以后如果希望添加新的条件，只需添加新的实现类，并将其添…… 阅读全文

摘要：Inline Method：将方法内联化 一个方法，其本体如果比其名称更清楚易懂。在方法调用点插入方法本体，然后移除该方法 int GetRating() { return (MoreThanFiveLateDeliveries()) ? 2 : 1; } bool MoreThanFiveLateDeliveries() { return _numberOfLateDeliveries 5; } 你会发现通过下面重构合并上面的两个方法代码会更具可读性： int GetRating() { return (_numberOfLateDeliveries 5) ? 2 : 1; } 有时候你会遇到某个方法，其内部代码和方法名称同样清晰易懂。你就可以去掉这个方法，直接使用其中的代码。间接性可能带来帮助，但非必须的间接性总是让人不舒服。 阅读全文

摘要：Extract Method：提炼方法 你有一段代码可以被组织在一起并独立出来，将这段代码放进一个独立方法中，并让方法名称解释该方法的用途。 public class Receipt { private IListdecimal Discounts { get; set; } private IListdecimal ItemTotals { get; set; } public decimal CalculateGrandTotal() { decimal subTotal = 0m; foreach (decimal itemTotal in ItemTotals) subTotal += itemTotal; if (Discounts.Count 0) { foreach (decimal discount in Discounts) subTotal -= discount; } decimal tax = subTotal * 0.065m; subTotal += tax; return subTotal; } } 你会发现CalculateGrandTotal函数一共做了3件不同的事情：计算总额、折扣和发票税额。开发者为了搞清楚每个功能如何处理而不得不将代码从头看到尾。相比于此，向下面的代码那样将每个任务分解成单独的函数则要节省更多时间，也更具可读性： public class Receipt { private IListdecimal Discounts { get; set; } private IListdecimal ItemTotals { get; set; } public decimal CalculateGrandTotal() { decimal subTotal = CalculateSubTotal(); subTotal = CalculateDiscounts(subTotal); subTotal = CalculateTax(subTotal);…… 阅读全文

摘要：在上一篇的示例中，我们定义了两个语法甘露，一个是Class()函数，一个是New()函数。使用Class()甘露，我们已经可以用非常优雅的格式定义一个类。例如前例中的： var Employee = Class(Person,    //派生至Person类 {    Create: function(name, age, salary)   {        Person.Create.call(this, name, age);  //调用基类的构造函数        this.salary = salary;   },    ShowMeTheMoney: function()   {        alert(this.name + $ + this.salary);   } }); 这种类的写法已经和C#或Java的格式非常相似了。不过，其中调用基类的构造函数还需要用“Person.Create.call(this, name, age)”这样的方式来表达。这需要用到基类的类名，并要用call这种特殊的方式来传递this指针。这和C#的base()以及Java的super()那样的简介调用方式比起来，还需要进一步美化。 而New()函数的使用也不是很爽。前例中需要用“New(Employee, [Steve Jobs, 53, 1234])”这样的方式来创建对象，其中第一个参数是类，其他构造参数需要用数组包起来。这和JavaScript本来那种自然的“new Employee(Steve Jobs, 53, 1234)”比起来，丑陋多了。这也需要美化。 为了实现这些美化工作，我们需要回顾一下new一个对象的实质。前面我们说过： var anObj = new aClass(); 相当于先创建一个空白对象anObj，然后将其作为this指针调用aClass()函数。其实，这个过程中还有一个关键步骤就是将aClass的prototype属性，赋值给anObj内置的prototype属性。尽管我们无法访问到anObj内置的prototype属性，但它却为对象提供了可以调用的方法。 由于前例中的Class()语法甘露实际上是构造了一个原型，并将这个原型挂在了相应的原型链上。由于它返回的是一个对象而不是函数，因此由它定义出来的Per…… 阅读全文

摘要：正当我们感概万分时，天空中一道红光闪过，祥云中出现了观音菩萨。只见她手持玉净瓶，轻拂翠柳枝，洒下几滴甘露，顿时让JavaScript又添新的灵气。 观音洒下的甘露在JavaScript的世界里凝结成块，成为了一种称为“语法甘露”的东西。这种语法甘露可以让我们编写的代码看起来更象对象语言。 要想知道这“语法甘露”为何物，就请君侧耳细听。 在理解这些语法甘露之前，我们需要重新再回顾一下JavaScript构造对象的过程。 我们已经知道，用 var anObject = new aFunction() 形式创建对象的过程实际上可以分为三步：第一步是建立一个新对象；第二步将该对象内置的原型对象设置为构造函数prototype引用的那个原型对象；第三步就是将该对象作为this参数调用构造函数，完成成员设置等初始化工作。对象建立之后，对象上的任何访问和操作都只与对象自身及其原型链上的那串对象有关，与构造函数再扯不上关系了。换句话说，构造函数只是在创建对象时起到介绍原型对象和初始化对象两个作用。 那么，我们能否自己定义一个对象来当作原型，并在这个原型上描述类，然后将这个原型设置给新创建的对象，将其当作对象的类呢？我们又能否将这个原型中的一个方法当作构造函数，去初始化新建的对象呢？例如，我们定义这样一个原型对象： var Person =  //定义一个对象来作为原型类 {    Create: function(name, age)  //这个当构造函数   {        this.name = name;        this.age = age;   },    SayHello: function()  //定义方法   {        alert(Hello, I'm + this.name);   },    HowOld: function()  //定义方法   {        alert(this.name + is + this.age + years old.);   } }; 这个JSON形式的写法多么象一个C#的类啊！既有构造函数，又有各种方法。如果可以用某种形式来创建对象，并将对象的内置的原型设置为上面这个“类”对象，不就相当于创建该类的对象了吗？ 但遗憾的是，我们几乎不能访问到对象内置的原型…… 阅读全文

摘要：想必君的悟性极高，可能你会这样想：如果在JavaScript内置的那些如Object和Function等函数的prototype上添加些新的方法和属性，是不是就能扩展JavaScript的功能呢？ 那么，恭喜你，你得到了！ 在AJAX技术迅猛发展的今天，许多成功的AJAX项目的JavaScript运行库都大量扩展了内置函数的prototype功能。比如微软的ASP.NET AJAX，就给这些内置函数及其prototype添加了大量的新特性，从而增强了JavaScript的功能。 我们来看一段摘自MicrosoftAjax.debug.js中的代码： String.prototype.trim = function String$trim() {    if (arguments.length !== 0) throw Error.parameterCount();    return this.replace(/^\s+|\s+$/g, ''); } 这段代码就是给内置String函数的prototype扩展了一个trim方法，于是所有的String类对象都有了trim方法了。有了这个扩展，今后要去除字符串两段的空白，就不用再分别处理了，因为任何字符串都有了这个扩展功能，只要调用即可，真的很方便。 当然，几乎很少有人去给Object的prototype添加方法，因为那会影响到所有的对象，除非在你的架构中这种方法的确是所有对象都需要的。 前两年，微软在设计AJAX类库的初期，用了一种被称为“闭包”(closure)的技术来模拟“类”。其大致模型如下： function Person(firstName, lastName, age) {    //私有变量：    var _firstName = firstName;    var _lastName = lastName;    //公共变量:    this.age = age;    //方法：    this.getName = function()   {        return(firstName + + lastName);   };    this.SayHello = function()   {        alert(Hello, I'm …… 阅读全文

摘要：prototype源自法语，软件界的标准翻译为“原型”，代表事物的初始形态，也含有模型和样板的意义。 JavaScript的所有function类型的对象都有一个prototype属性。这个prototype属性本身又是一个object类型的对象，因此我们也可以给这个prototype对象添加任意的属性和方法。既然prototype是对象的“原型”，那么由该函数构造出来的对象应该都会具有这个“原型”的特性。事实上，在构造函数的prototype上定义的所有属性和方法，都是可以通过其构造的对象直接访问和调用的。也可以这么说，prototype提供了一群同类对象共享属性和方法的机制。 我们先来看看下面的代码： function Person(name) {    this.name = name;   //设置对象属性，每个对象各自一份属性数据 }; Person.prototype.SayHello = function()  //给Person函数的prototype添加SayHello方法。 {    alert(Hello, I'm + this.name); } var BillGates = new Person(Bill Gates);   //创建BillGates对象 var SteveJobs = new Person(Steve Jobs);   //创建SteveJobs对象 BillGates.SayHello();   //通过BillGates对象直接调用到SayHello方法 SteveJobs.SayHello();   //通过SteveJobs对象直接调用到SayHello方法 alert(BillGates.SayHello == SteveJobs.SayHello); //因为两个对象是共享prototype的SayHello，所以显示：true 程序运行的结果表明，构造函数的prototype上定义的方法确实可以通过对象直接调用到，而且代码是共享的。显然，把方法设置到prototype的写法显得优雅多了，尽管调用形式没有变，但逻辑上却体现了方法与类的关系，相对之前的写法，更容易理解和组织代码。 那么，对于多层次类型的构造函数情况又如何呢？ 我们再来看下面的代码： function Person(name)…… 阅读全文

摘要：好了，接下我们来讨论一下对象的另一种创建方法。 除JSON外，在JavaScript中我们可以使用new操作符结合一个函数的形式来创建对象。例如： function MyFunc() {};         //定义一个空函数    var anObj = new MyFunc();  //使用new操作符，借助MyFun函数，就创建了一个对象 JavaScript的这种创建对象的方式可真有意思，如何去理解这种写法呢？ 其实，可以把上面的代码改写成这种等价形式： function MyFunc(){}; var anObj = {};     //创建一个对象 MyFunc.call(anObj); //将anObj对象作为this指针调用MyFunc函数 我们就可以这样理解，JavaScript先用new操作符创建了一个对象，紧接着就将这个对象作为this参数调用了后面的函数。其实，JavaScript内部就是这么做的，而且任何函数都可以被这样调用！但从 “anObj = new MyFunc()” 这种形式，我们又看到一个熟悉的身影，C++和C#不就是这样创建对象的吗？原来，条条大路通灵山，殊途同归啊！ 君看到此处也许会想，我们为什么不可以把这个MyFunc当作构造函数呢？恭喜你，答对了！JavaScript也是这么想的！请看下面的代码： function Person(name)   //带参数的构造函数 {    this.name = name;   //将参数值赋给给this对象的属性    this.SayHello = function() {alert(Hello, I'm + this.name);};   //给this对象定义一个SayHello方法。 }; function Employee(name, salary)     //子构造函数 {    Person.call(this, name);        //将this传给父构造函数    this.salary = salary;       //设置一个this的salary属性    this.ShowMeTheMoney = function() {alert(this.name + $ + this.salary);};  //添加ShowMe…… 阅读全文

摘要：已经说了许多了许多话题了，但有一个很基本的问题我们忘了讨论，那就是：怎样建立对象？ 在前面的示例中，我们已经涉及到了对象的建立了。我们使用了一种被称为JavaScript Object Notation(缩写JSON)的形式，翻译为中文就是“JavaScript对象表示法”。 JSON为创建对象提供了非常简单的方法。例如， 创建一个没有任何属性的对象： var o = {}; 创建一个对象并设置属性及初始值： var person = {name: Angel, age: 18, married: false}; 创建一个对象并设置属性和方法： var speaker = {text: Hello World, say: function(){alert(this.text)}}; 创建一个更复杂的对象，嵌套其他对象和对象数组等： var company = {    name: Microsoft,    product: softwares,    chairman: {name: Bill Gates, age: 53, Married: true},    employees: [{name: Angel, age: 26, Married: false}, {name: Hanson, age: 32, Marred: true}],    readme: function() {document.write(this.name + product + this.product);} }; JSON的形式就是用大括“”号包括起来的项目列表，每一个项目间并用逗号“,”分隔，而项目就是用冒号“:”分隔的属性名和属性值。这是典型的字典表示形式，也再次表明了 JavaScript里的对象就是字典结构。不管多么复杂的对象，都可以被一句JSON代码来创建并赋值。 其实，JSON就是JavaScript对象最好的序列化形式，它比XML更简洁也更省空间。对象可以作为一个JSON形式的字符串，在网络间自由传递和交换信息。而当需要将这个JSON字符串变成一个JavaScript对象时，只需要使用eval函数这个强大的数码转换引擎，就立即能得到一个JavaScript内存对象。正是由于JSON的这种简单朴素的天生丽质，才使得她在AJAX舞台上成为璀璨夺…… 阅读全文