JS is JS——编写JS独有风格的JS代码 学习笔记
JS is JS
来自程劭非的讲座。。。 地址http://www.infoq.com/cn/presentations/csf-js-style-code
JS 之父 Brandan Eich
My influences were awk,C,HyperTalk,and Self,commined with management orders to "make it look like java "
被管理层命令让他看上去像Java
management 管理者
prototype 来自于Self
Agenda 议程
抽象
1、简化 抽象的方法
将复杂物体的一个或几个特性抽出去，而自注意其他特性的行动或过程
举例：手里的遥控器，不管它用什么材料做，只把它当按钮来使。。。 视而不见
毛主席说：千万不要忘记阶级斗争。
解放前贫农张大伯被地主“钱剥皮”借钱3元，被勒索"月三分“（每月利息是上月的30%）十个月后才还清，被剥削了多少钱利息？
function caculate(){
return 3*Math.pow(1.3,10)-3; //运算，，
} //简化，是抽象的方法
有选择的丢弃或是忘记。 客户要开发的项目，分析出什么是它想要的。
2、归纳
将几个有区别的物体的共同性质或特征，形象的抽取出来或孤立的进行考虑的行动或过程。
抽象的不同取决于你的场景，和你的业务逻辑
例子：美女，在骨科代夫看的是骨头，在我们眼里是另一种。
例子，每个学生分3个苹果，总共要几个？
function totalApples(count) {
return count* count;
}
程序正确，并不一定抽象正确
代码要重构，或觉得差，很大部分因为抽象不对
没想好，或业务在变化
function Apple(){
}
function Kid() {
this.apples = [];
this.recevieApple = function(){
apples.push(apple);
}
}
function Teacher(){
this.dispatchApple = function(kid) {
kid.receiveApple(kid);
kid.receiveApple(kid);
kid.receiveApple(kid);
}
}
function totalApples() {
var kids = [new Kid(),new Kid(),new Kid()];
var teacher = new Teacher();
kids.forEach(function(kid){
});
}
过于具体
JS有三大范式
面向过程抽象
最最基础，最最重要的一种抽象
过程是事种最常见的抽象，但它不完整
程序 = 数据+过程
过程不是一种落后的编程范式
理论上讲，过程不需要要有参数，，，但也可以有
不太关注返回值，只是去改变数据
全局或局部
函数和过程结合
var data1,data2,data3;
function process_main() {
data1 = ;
process1();
process2();
function process1() {
}
function process2(){}
}
面向对象
对象是一个朴素的概念，大约在2-3岁产生
JS中描述独立对象JSON
分类描述对象
function Parent() {
}
function Child(x) {
Parent.call(this);
this.x = x;
}
面向对象 原型
比猫大，头上有个王字， 上树抛异常
跟小孩讲，，好例子。
function Cat() {}
function Triger() {
this.draw("王")
}
Triger.prototype = new Cat();
原型是一种比较随意的代码组织方式，，，不好读，好写. 复用不要求那么高，，它是很快的
原型也可以很严谨， 自律
JS里不需要有new 的，，
原型不是类，共有的原型，
函数式抽象
Lambda 演算
其实就是替换
函数式编程以演算为基础
函数是第一型 Fist Class
能做参数
能做为返回值
能赋值给变量
有直接量
能运行时产生
例子，，，，加法定义乘法
function add(a,b) {
return a +b ;
}
function mul(a,b) {
var r = a;
for (var i = 1;i<b;i++) {
r = add(r,a)
}
return r;
}
闭包 Lexical Closcure 词法性 运行时会被绑定到不同的变量去，赋与不同的含义
好处，，，更加灵活
柯里化 Currying
f(a,b,c)
f(a) ; 抛出异常？？？
f2 = f(a);
f2 (b,c)
返回一个函数，接受这两个参数
设计函数式API
OO is poor man's closoure
function addEventListener (node ,type ,lisenter) { }
var node = new Node();
var addEventListenerToNode = addEventListener(node);
addEventListenerToNode(type,listener);
函数式和Javascript里的函数不一致，，，它是一种只关注输入输入出的风格
要能用闭包，currying ,一等化
循环也用递归去表达 js 性能跟不上去
引入一些函数式特性
比如排序， 传入一个函数做参数进去，正排返排
创建你独有风格
jQuery 链式表达 声明式编程
命名空间，脱离语言束缚
