javascript基础扎实了，可是不少逻辑性的功能仍是不会写？

你的问题的本质，应该是“理论是如何与实际相结合的”，你说的扎实想必是指已经学习了不少语法及api，“逻辑功能写不出”其实就是不知道理论知识该如何应用到实际项目中。

理论结合实际的一开始是困难的，但却不是没有办法，最重要的手段就是“看”，必定要多看别人的项目(这时候你可能分不清项目的好坏)，尽可能找完整能运行，代码很少且结构清晰的看，譬如单文件组件下的vue，能够擦出怎样的火花(原谅我给本身作了广告)，所谓“书读百遍、其义自现”就是这个道理，若是不看别人写的，就那么从无到有的冥想，天知道何时能出师！

看是有门道的，不能瞎看。对照别人要解决的问题，先本身思考，若是是你写，从哪里着手，难点都在哪里，你要怎么解决，项目是否发布，如何发布？。。。。而后对照这些点，逐一在别人的代码里寻求答案，若是这时候有余力，说不定你会发现针对某一问题，你能想出更好的方案来挑战原做者(固然开源社区咱们管这叫交流，不叫互相伤害^^)

接下来一个重要的环节是难度分解，当咱们面对一个复杂问题时，刚入行/门的朋友每每会被问题吓倒，这是源于方法论不足。(学霸可能除外，这帮人上学时多数都训练出来一套成熟的适于本身的方法论)。若是可以掌握必定的技巧，那么解决复杂问题并不可怕，这里能够看如何成为一名优秀的设计师：罗子雄@TEDxChongqing(虽然是关于设计的演讲，但复杂问题的分解是通用方法，你能够的)

而后咱们来举个简单的例子，试图以此说明分解的做用

假设咱们如今来了一个“按照类型来过滤数据，而且不一样类型的具体过滤规则不同”的需求

现有数据以下：

var cities=[
        {
            name:'Shanghai',
            size:6340,
            population:2426
        },
        {
            name:'Beijing',
            size:16140,
            population:2152
        },
        {
            name:'Tianjin',
            size:11946,
            population:1527
        },
        {
            name:'Shenzhen',
            size:1996,
            population:2000
        }
    ];

而后目前已知的过滤类型有：

1. START_S，过滤名称首字母不为S的数据
2. SIZE_B，过滤面积小于10000的数据

3. POPU_M，过滤人口大于2000，或者小于1500的数据

   有了如上信息，这个过滤功能你要怎么结合理论知识？这就是抽丝剥茧的开始了。

第一步，先抓骨架，到底理论知识里哪一个点是解决该问题的关键呢？“数组过滤”，我去，你是否是想到了Array.prototype.filter？好 high！！不过如何使得filter可以知足咱们需求的多样性呢？咱们稍后分解

第二部，挑逻辑部分，也就是核心过滤入手，分别写出每一种类型的过滤函数来

var fitlerStarts=function(city){
            return city.name.indexOf('S')===0;
        };
        var fitlerSizeB=function(city){
            return city.size>=10000;
        };
        var fitlerPopuM=function(city){
            return city.population>1500&&city.population<=2000;
        };

最后再来，合成一个完整的功能，每每这个步骤也是最让人迷惑的，(因此才要多看)。或许你已经想到了switch case，if else的解决方案，但这尚未达到你指望的程度，在Javascript里，咱们一般建议使用literal object来替代那些传统的、不易维护的、难以阅读甚至是低效的流程控制语句。能够写做：

var filterMapping={
            START_S:fitlerStarts,
            SIZE_B:fitlerSizeB,
            POPU_M:fitlerPopuM
        };
        var filter=function(arr,type){
            return arr.filter(filterMapping[type]);
        };

最后来检验结果：

console.log(filter(cities, ‘START_S’)); [ { name: ‘Shanghai’, size: 6340, population: 2426 }, { name: ‘Shenzhen’, size: 1996, population: 2000 } ] console.log(filter(cities, ‘SIZE_B’)); [ { name: ‘Beijing’, size: 16410, population: 2152 }, { name: ‘Tianjin’, size: 11946, population: 1517 } ] console.log(filter(cities, ‘POPU_M’)); [ { name: ‘Tianjin’, size: 11946, population: 1517 },{ name: ‘Shenzhen’, size: 1996, population: 2000 } ]