全栈工程师成长记录(1)

1LSGO软件技术团队

贡献人:马燕鹏

如果喜欢这里的内容,你能够给我最大的帮助就是转发,告诉你的朋友,鼓励他们一起来学习。

If you like the content here, the greatest helpyou can give meis forwarding, so tell your friends and encourage them to learn together.

3月14日,我在自己的一篇图文

《走出生活的怪圈:停下来是为了更好的开始!》

中,提到:“我想做一名全栈工程师啊!在移动互联网的时代,没有自己的互联网产品是多么可惜啊!我会在这里记录自己利用业余时间学习JavaScript、Html、CSS、Node.js等,成为全栈工程师的全过程”。

昨天,我在知乎上看到关于Full Stack Engineer的讨论,有一个观点“全栈工程师不是为了工作本身,而是为了方便实现自己的梦”,我非常的认可。两周过去了,我把学习笔记整理如下:

学习笔记:

C#语言入口在main函数,JavaScript语言入口在HTML的标签。

C#语言的调制环境在类似Visual Studio这样的IDE中,JavaScript语言的调试环境在Chrome这样的Browser中。

JavaScript的语句结束标示、语句块标识、注释方式、大小写方式均与C#语言一致。

C#中的int、float、double、decimal全部归入JavaScript的Number类型,运算方面按照double类型处理,运算规则一致。

JavaScript中关于Number增添了NaN、Infinity,而在C#中此种情况会抛异常。

C#与JavaScript中都提供了Number与String类型的转换函数。

C#字符与字符串区分明显,而JavaScript中都按照字符串处理。

C#与JavaScript逻辑运算符与逻辑运算基本一致,但JavaScript的逻辑运算遵循“短路原则”。

C#与JavaScript比较运算符与比较运算基本一致,在相等判断上JavaScript略微繁琐。

JavaScript可通过isNaN、isFinit来判断是否为NaN、Infinity类型。

C#与JavaScript进行数学运算的类都为Math。

C#只有引用类型可为null,而JavaScript所有类型都可为null,另外还定义了undefined类型。

C#中的数组要求元素类型相同,JavaScript中可为任意类型,虽定义不同,但按照索引的访问方式相同。

C#中无类无对象,而JavaScript中,无类可直接定义对象,但访问成员的方式相同。

C#强类型(静态语言),JavaScript弱类型(动态语言),可利用'use strict'添加var约束。

C#按照类型赋默认值,而JavaScript默认为undefined。

C#与JavaScript都支持转义字符。

C#通过String.Format 、JavaScript通过 反引号 $ 进行格式化字符串的操作。

C#与JavaScript都提供了大量操作字符串的方法,这些方法的命名还基本相同。

JavaScript赋予数组的操作可看作是C#中链表(indexof、slice、splice、sort、reverse、concat、join);栈、队列(unshift、shift、push、pop);动态数组(length)的综合体,即完全表达了线性结构。

JavaScript多维数组与Matlab中的多维数组类似,一种Cell结构。

C#对象是通过类实例化的,不可改变成员。JavaScript对象可直接创建,通过给不存在的属性赋值创建属性,delete不再需要的属性。

C#通过反射技术获取类的内部信息。JavaScript通过in、hasOwnProperty获取对象内部信息。

JavaScript与C#有相同的条件语句语法规则,但JavaScript的判断条件远比C#灵活,与false等价的类型很多。

for、while、do...while三种循环方式 C# 与JavaScript完全一样。

C# 通过反射技术遍历类中的成员,JavaScript利用 for...in 遍历对象的属性。

Map、Set是JavaScript中定义的两个集合类。Map是key-value对的集合,Set是无重复key的集合。

C#和JavaScript都利用迭代器的概念来遍历集合中的元素,C#使用foreach关键词,JavaScript使用forEach扩展方法。

JavaScript为了方便起见,也可以使用for...of来枚举集合类中的每个元素。

定义函数三要素:函数名(C#必须有、JS不必须有)、形参列表(C#实参与形参一致,JS实参个数任意)、返回值。

JavaScript把函数当作对象,除了普通方式外,可用逆名的方式定义函数,类似C#中定义的逆名delegate。

JavaScript 调用函数的方式有三种, call 和 apply 与 C# 中的 Invoke 类似。

为了解决变参问题, C# 引入 param 关键词, JavaScript 引入 arguments 、 ...rest 关键词。

JavaScript与C#一样都存在变量作用域问题。解决方案也基本一致,如寻找时都按照由“内”到“外”的顺序、为解决命名冲突都引入名字空间的概念。

JavaScript中var定义变量最低的作用域为函数级。变量在函数内定义,作用域就在函数内;在函数外定义,作用域就是全局。默认全局对象为window,也可把window看成最高层的名字空间。JavaScript用var定义的变量存在作用域提升问题,是个坑!

JavaScript为解决var作用域最低到函数级以及变量作用域提升问题,引入了新的定义变量的关键词let,这样变量作用域就与C#一致了。

C#和JavaScript标识常量都用const关键词,C#还可以使用readonly。

JavaScript通过“解构赋值”可以同时对多个变量进行赋值。数据源为数组或对象。接收方式与数据源保持一致。

通过“解构赋值”可以解决函数形参与对象属性的绑定问题,即可以直接传入对象。

JavaScript中的对象包括两个部分:属性,方法。

JavaScript的方法中隐含关键词this,与C#一样,表示该对象本身。

JavaScript中的方法既可以写在对象中(this表示对象本身),又可以写在对象外(this表示window)。在使用这种方法时需要利用“object.Method()"方式,或者Method.call()、Method.apply()方式,目的是让this有一个正确的指向。当然若方法中不涉及this,可以传入null。

通过apply可以为JavaScript提供的方法加壳。

JavaScript 中形参包含函数对象的方法,称为高阶方法。类似于 C# 函数中包含 delegate 变量。

JavaScript 针对数组提供的高阶方法,类似于 C# 中对集合的 LINQ 。

JavaScript 中 map 对集合中各元素,执行传入的函数f(x),得到新的集合。

JavaScript 中 reduce 对集合中各元素,执行传入的函数f(f(x,y),y),得到一个新的最终元素。

JavaScript 中 filter 对集合中各元素进行f(x)过滤,得到新的集合。

JavaScript 中 sort 对集合中各元素执行f(x,y)比较,直接改变原来集合。

在JavaScript中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁,与C#中闭包的含义一致。

JavaScript中的箭头函数,不就是C#中的匿名委托、Lambda表达式,LINQ这套东西吗?

JavaScript中的 this 好乱,幸亏有箭头函数保驾护航,函数嵌套函数,内层函数要写成箭头函数的形式。

JavaScript 中的generator,就是 迭代器模式的实现啊,在C#中也有 return yield; return break 这样的对应语法结构。

经过8年多的发展,LSGO软件技术团队在地理信息系统、数据统计分析、计算机视觉领域积累了丰富的研发经验,也建立了人才培养的完备体系。

欢迎对算法设计与实现感兴趣的同学加入,与我们共同成长进步。

本微信公众平台长期系统化提供有关机器学习、软件研发、教育及学习方法、数学建模的知识,并将以上知识转化为实践。拒绝知识碎片化、耐心打磨技能、解决实际问题是我们的宗旨和追求。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180328B00CPU00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励