JS is JS ——编写JS独有风格的JS代码(程劭非).pdfVIP

JS is JS 编写JavaScript独有风格的高质量代码 About ß  My influences were awk, C, HyperTalk, and Self, combined with management orders to make it look like Java. ——Brendan Eich Agenda ß  抽象 ß  面向对象 ß  函数式 ß  过程式 抽象 抽象的方法 1.  简化 Þ  将复杂物体的一个或几个特性抽出去，而只注 意其他特性的行动或过程 2.  归纳 Þ  将几个有区别的物体的共同性质或特性，形象 地抽取出来或孤立地进行考虑的行动或过程。 抽象的方法—— 简化 function calculate() { return 3*Math.pow (1.3,10)-3; } 抽象的方法—— 归纳 同⼀事物的抽象可能不同 对问题抽象 ß  教师分苹果问题： Þ  有一个老师分苹果给3个小朋友，每个小朋友 分3个苹果，请问小朋友们一共有多少个苹果？ function totleApples(kidsCount,appleCount) { return kidsCount*appleCount; } 对问题错误的抽象 ß  function totalApples(count) { return count*count; } 过于具体的抽象 function Apple() { } function Kid() { this.apples = []; this.receiveApple = function (apple) { apples.push (apple); } } function Teacher() { this.dispatchApple = function(kid) { kid.receiveApple (new Apple()); kid.receiveApple (new Apple()); kid.receiveApple (new Apple()); } } function totalApples () { var kids = [new Kid(), new Kid(), new Kid()]; var teacher = new Teacher(); kids.forEach (function(kid){ 面向过程抽象 过程式 ß  过程是一种最常见的抽象 ß  过程式不是一种落后的编程范式 ß  程序 = 数据 + 过程 过程式 var data1,data2,data3; function process_main() { data1 = …… process1(); process2(); function process1(){ data2 = …… } function process2(){ data3 = …… } } 面向对象抽象