JavaScript经典案例

1.关于JavaScript Function.call()函数

function a() {    console.log(this);}a.call(null);  // window

关于a.call(null); 根据EcmaScript 6 规范规定，如果第一个参数传入的对象调用者是null，或者undefined，call方法就把全局对象（浏览器上全局对象是window对象，Node.js上全局对象是global对象）作为this的值，所以不管传入null或者undefined，this都是指全局对象window。

'use strict';function a() {    console.log(this);}a.call(undefined);  // undefined

但是，在严格模式下’use strict’，传入null指的就是null，传入undefined指的就是undefined。

2.变量提升问题

if(! "a" in window){    var a = 1;}alert(a);  // undefined

JavaScript只有函数作用域， 没有块作用域，所以在if 里面的赋值语句 var a = 1;
分两步
var a ; //这个声明语句会被提升到代码顶部。
a = 1;
因为if语句里面的值为false，所以不会执行a的赋值，因此结果是undefined。

3.关于==运算符（《JavaScript权威指南》）

console.log(([])?true:false);   // trueconsole.log(([]==false?true:false));   // trueconsole.log(({}==false)?true:false);  // false

不太严谨的说，“==”运算符比较“喜欢”Number类型。请看下面的例子：

Boolean({}); // trueBoolean([]); // trueBoolean(''); // falseNumber({}); // NaNNumber([]); // 0Number(''); // 0Number(false); // 0

所以，题目中其实转换成这样的：

console.log(([])?true:fasle);// => console.log((true)?true:false);console.log([]==false?true:false); // => console.log(0==0?true:false);console.log(({}==false)?true:false); // => console.log((NaN==0)?true:false);

《JavaScript权威指南》的部分相关知识点
“==”运算符（两个操作数的类型不相同时）
如果一个值是null，另一个值是undefined，则它们相等
如果一个值是数字，另一个值是字符串，先将字符串转换为数学，然后使用转换后的值进行比较。
如果其中一个值是true，则将其转换为1再进行比较。如果其中的一个值是false，则将其转换为0再进行比较。
如果一个值是对象，另一个值是数字或字符串，则将对象转换为原始值，再进行比较。

对象到数字的转换
如果对象具有valueOf()方法，后者返回一个原始值，则JavaScript将这个原始值转换为数字（如果需要的话）并返回一个数字。
否则，如果对象具有toString()方法，后者返回一个原始值，则JavaScript将其转换并返回。（对象的toString()方法返回一个字符串直接量（作者所说的原始值），JavaScript将这个字符串转换为数字类型，并返回这个数字）。
否则，JavaScript抛出一个类型错误异常。

空数组转换为数字0
数组继承了默认的valueOf()方法，这个方法返回一个对象而不是一个原始值，因此，数组到数字的转换则调用toString()方法。空数组转换为空字符串，空字符串转换为数字0。

4.JavaScript中的全局函数
JavaScript 中包含以下 7 个全局函数：
escape( )、eval( )、isFinite( )、isNaN( )、parseFloat( )、parseInt( )、unescape( )。

5.运算符+、“”

console.log(1+ "2"+"2");

做加法时要注意双引号，当使用双引号时，JavaScript认为是字符串，字符串相加等于字符串合并。
因此，这里相当于字符串的合并，即为122.

console.log(1+ +"2"+"2");

第一个+”2”中的加号是一元加操作符，+”2”会变成数值2，因此1+ +”2”相当于1+2=3.
然后和后面的字符串“2”相合并，变成了字符串”32”.

console.log("A"- "B"+"2");

“A”-“B”的运算中，需要先把”A”和”B”用Number函数转换为数值，其结果为NaN，在剪发操作中，如果有一个是NaN，则结果是NaN，因此”A”-“B”结果为NaN。
然后和”2”进行字符串合并，变成了NaN2.

console.log("A"- "B"+2);

根据上题所述，”A”-“B”结果为NaN，然后和数值2进行加法操作，在加法操作中，如果有一个操作数是NaN，则结果为NaN。

6.局部变量、全局变量和参数传参问题

var bb = 1;function aa(bb) {    bb = 2;    alert(bb);};aa(bb);   // 2alert(bb);  // 1

在aa函数中，bb是以传值的方式传入的，在函数中，会重新定义一个bb变量，并将其值覆为2，然后弹出变量bb的值，即为2。并不影响函数体外的bb变量，所以其值仍然为1.

7.实例化数据类型对象

var x = new Boolean(false);if (x) {  alert('hi');}var y = Boolean(0);if (y) {  alert('hello'); }  // 会alert出hi

x为Boolen对象，在if语句里的判断为true，虽然x的值为false，但是作为对象，if会直接判断为true。y为Boolen值，在if里的判断就是false值。

8.定时器

function foo() {    console.log('first');    setTimeout(funciton() {        console.log('second');    }, 5);}for(var i = 0; i < 50; i++) {    foo();}

首先全部输出first，然后全部输出second。
js 是运行于单线程环境中，定时器作用是在规定时间内将事件加入执行队列，而加入的前提是当前事件队列没有任何东西。
这里考察的知识点是回调的运行机制。
回调时，被回调的函数会被放在event loop里，等待线程里的任务执行完后才执行event loop里的代码。
因此，上述代码会先把线程里的console.log(‘first’)执行完后，再执行event loop里的console.log(‘second’)。

同理，Promise对象

let promise = new Promise((resolve, reject) => {    console.log('Promise');    resolve();});promise.then(function() {    console.log('resolved');});console.log('Hi');

输出结果：
Promise
Hi
resolved

Promise新建后就会立即执行，所以首先输出的是Promise。然后，then方法指定的回调函数，将在当前脚本所有同步任务执行完才会执行，所以resolved最后输出。

9.javascript异步模式的编程
回调函数，这是异步编程最基本的方法。
事件监听，另一种思路是采用事件驱动模式。任务的执行不取决于代码的顺序，而取决于某个事件是否发生。
发布/订阅，上一节的”事件”，完全可以理解成”信号”。
Promises对象，Promises 对象是CommonJS 工作组提出的一种规范，目的是为异步编程提供统一接口。