php逻辑性很强吗,javascript基础扎实了,但是很多逻辑性的功能还是不会写?

伊谢尔伦2017-04-11 11:50:0019楼

=======================序

不好意思,恐怕我在当前最高票答案里起了推波助澜的负面作用。不可否认,高票答案具备一定的煽动力,这也是为什么他能高票的原因(很多人在这里找到了共鸣)。或许你可能不信(或者没见过),圈子里的确有不少人是属于“活在自己世界里的人”,以为自己知道的那一丁点内容就可以解释世间万物,这就是我们常说的,“越无知越自信”。题主被调侃,也就是因为那句“javascript基础扎实了”。

这里我想应该代表所有调侃题主的朋友道个歉,因为题主既然来问问题了,说明并不是狂妄之辈,还在寻求真理,这个真心值得赞扬而不是嘲讽!

=======================正文

那好,我们现在言归正传来聊聊你的问题。你的问题的本质,应该是“理论是如何与实际相结合的”,你说的扎实想必是指已经学习了很多语法及api,“逻辑功能写不出”其实就是不知道理论知识该如何应用到实际项目中。

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

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

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

然后我们来举个简单的例子,试图以此说明分解的作用

假设我们现在来了一个“按照类型来过滤数据,并且不同类型的具体过滤规则不一样”的需求

现有数据如下:

//一份城市信息,包含城市名称,面积,人口

var cities = [

{

name: 'Shanghai',

size: 6340,

population: 2426

},

{

name: 'Beijing',

size: 16410,

population: 2152

}, {

name: 'Tianjin',

size: 11946,

population: 1517

}, {

name: 'Shenzhen',

size: 1996,

population: 2000

}

];

然后目前已知的过滤类型有:

START_S,过滤名称首字母不为S的数据

SIZE_B,过滤面积小于10000的数据

POPU_M,过滤人口大于2000,或者小于1500的数据

未来可能继续增加过滤类型,这是作为PM,给你的需求"隐患"

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

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

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

//START_S

var fitlerStartS = function(city) {

return city.name.indexOf('S') === 0;

};

//SIZE_B

var fitlerSizeB = function(city) {

return city.size >= 10000;

};

//POPU_M

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 } ]

经历了上述过程,当你掌握了一定技巧之后,就算顺利上路了。预祝题主一路平安^^

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值