JS的诞生

随风而却
114 阅读6分钟

JS 基础要求

其实这要求挺简单的，就是你需要绞尽脑子去思考，可能你成大牛之后就需要抽象思维呢~！

软要求

分为三个

  • 三段论逻辑，写代码基本就是在编写逻辑
  • 质疑自己的能力，反正不要相信自己和相信···，可以听过double check（双重核算制）可以缓解

image.png

  • 抽象能力，大牛必备能力哦

硬要求

分为三部分，是不是很神奇，跟软要求一样喔

  • 通过足够的代码量，啥意思呢，就是你自己写的代码够多，那你对逻辑慢慢就熟悉，可以通过 cloc 插件来统计代码量哦，yarn global add cloc，使用这个就需要把/node_modules/ 写入.gitignore文件
  • 了解足够多的概念，不仅要会写，也要会说这个原理哦
    • 常用：闭包、原型，类、继承、MVC、flux，高级函数，前端工程化
    • 如何累计：在课程中提炼咯，在大脑中思考咯，在博客上总结你每次学习的东西，在代码中实践
  • 需要有足够踩坑的经验哦
    • 何谓专家：该领域内所有的错误都犯完的人
    • 如何踩坑：做项目，但是这个项目必须是自己独立完成的哦，这样你才能全方位踩坑

总结

  1. 软要求：逻辑能力、质疑自己的能力、抽象能力
  2. 硬要求：足够多的代码量、了解足够多的概念、足够多的踩坑经验

JS历史

发明人：李爵士发明HTML、赖先生发明CSS、布兰登发明JS

先分享两个都能搜索得到的网站，虽然作用不大： 维基百科 百度百科

  1. IE统领时代：当初布莱登只是草率十天设计了JS的最初版本（不是实现），96年8月发布IE3，支持JScrpt（微软实现JS），2001年-2010年期间IE6如日中天，但是IE在他巨大的成功之后就解散了IE6开发团队。
  2. 谷歌抓住机会：04年的时候，雇佣了firefox和IE的开发者，08年发布拿下了1%的份额，11年直接超越了firefox，16年直接替代了IE。
  3. 移动市场兴起：同时16年淘宝宣布了不再支持IE6、7，年底也宣布不再支持IE8，通过移动市场的兴起，前端直接摆脱IE支配
  • 而且IE6有个很深情的bug
// 就是从这个时候说 * 通配符性能低下
style> * {position:relative}
table>input

JS的10大设计缺陷

阮一峰的网络日志

1. 不适合开发大型程序

Javascript没有名称空间（namespace），很难模块化；没有如何将代码分布在多个文件的规范；允许同名函数的重复定义，后面的定义可以覆盖前面的定义，很不利于模块化加载。

2. 非常小的标准库

Javascript提供的标准函数库非常小，只能完成一些基本操作，很多功能都不具备。

3. null和undefined

null属于对象（object）的一种，意思是该对象为空；undefined则是一种数据类型，表示未定义。

　　typeof null; // object

　　typeof undefined; // undefined

两者非常容易混淆，但是含义完全不同。

var foo;
alert(foo == null); // true
alert(foo == undefined); // true
alert(foo === null); // false
alert(foo === undefined); // true

在编程实践中，null几乎没用，根本不应该设计它。

4. 全局变量难以控制

Javascript的全局变量，在所有模块中都是可见的；任何一个函数内部都可以生成全局变量，这大大加剧了程序的复杂性。

a = 1;
(function(){
    b=2;
    alert(a);
})(); // 1
alert(b); //2

5. 自动插入行尾分号

Javascript的所有语句，都必须以分号结尾。但是，如果你忘记加分号，解释器并不报错，而是为你自动加上分号。有时候，这会导致一些难以发现的错误。

比如，下面这个函数根本无法达到预期的结果，返回值不是一个对象，而是undefined。

function(){
    return { i=1 };
}

原因是解释器自动在return语句后面加上了分号。

function(){
    return; { i=1 };
}

6. 加号运算符

+号作为运算符，有两个含义，可以表示数字与数字的和，也可以表示字符与字符的连接。

alert(1+10); // 11
alert("1"+"10"); // 110

如果一个操作项是字符，另一个操作项是数字，则数字自动转化为字符。

alert(1+"10"); // 110
alert("10"+1); // 101

这样的设计，不必要地加剧了运算的复杂性，完全可以另行设置一个字符连接的运算符。

7. NaN

NaN是一种数字，表示超出了解释器的极限。它有一些很奇怪的特性：

NaN === NaN; //false
NaN !== NaN; //true
alert( 1 + NaN ); // NaN

与其设计NaN，不如解释器直接报错，反而有利于简化程序。

8. 数组和对象的区分

由于Javascript的数组也属于对象（object），所以要区分一个对象到底是不是数组，相当麻烦。Douglas Crockford的代码是这样的：

if ( arr && typeof arr === 'object' && typeof arr.length === 'number' && !arr.propertyIsEnumerable('length')){
    alert("arr is an array");
}

9. == 和 ===

==用来判断两个值是否相等。当两个值类型不同时，会发生自动转换，得到的结果非常不符合直觉。

"" == "0" // false
0 == "" // true
0 == "0" // true
false == "false" // false
false == "0" // true
false == undefined // false
false == null // false
null == undefined // true
" \t\r\n" == 0 // true

因此，推荐任何时候都使用"==="（精确判断）比较符。

10. 基本类型的包装对象

Javascript有三种基本数据类型：字符串、数字和布尔值。它们都有相应的建构函数，可以生成字符串对象、数字对象和布尔值对象。

new Boolean(false);
new Number(1234);
new String("Hello World");

与基本数据类型对应的对象类型，作用很小，造成的混淆却很大。

alert( typeof 1234); // number
alert( typeof new Number(1234)); // object

ECMAscrpit标准制定

96年11月，网景向ECMA（欧洲计算机协会）提交语言标准，由于版权问题，JS语言标准不叫JavaScript，叫ECMAScript

  • 版本时间
  1. 97年6月，第一版
  2. 99年12月，第三版发布，这个版本使用最广
  3. 第四版，流产
  4. 09年12月，第五版发布，增加了一些功能
  5. 15年6月，第六版发布，新浏览器都支持这一版本
  6. 之后每年发布一版，版本号以年份命名
  • JS与ECMAscrpit 的关系
  1. ECMAscrpit是纸上的标准，JS是浏览器的实现
  2. 纸上标准往往落后于浏览器，先实现，再写进标准

语言的组成

  • ECMAScript，描述了该语言的语法和基本对象。
  • 文档对象模型（DOM），描述处理网页内容的方法和接口。
  • 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

JavaScript的兴起

  1. 杀手级应用Gmail
  2. 2004年愚人节，谷歌发布Gmail在线网页
  3. 当时的人们认为网页只能用来看新闻和图片
  4. Gmail的发布让用户和开发者眼前一亮
  5. 2005年，Jesse将谷歌用到的技术命名为AJAX
  6. 从此，前端技术正式出现
  7. 在此之前的网页开发都是有后端和设计师完成
  8. 2006年，jQuery发布，是目前最长寿的Js库
  9. 后来的十年，jQuery大放异彩，直到IE不行了jQuery才稍微没有那么火
avatar
文章
阅读
粉丝