| name | title | tags | categories | info | time | desc | keywords | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
你不知道的JavaScript学习笔记（六） |
《你不知道的JavaScript》学习笔记（六） |
|
学习笔记 |
你不知道的JavaScript 第4章 强制类型转换 第5章 语法 第2部分 第1章 异步：现在与将来 |
2019/3/6 12:00 |
你不知道的JavaScript, 资料下载, 学习笔记, 第4章 强制类型转换, 第5章 语法, 第2部分, 第1章 异步：现在与将来 |
|
将值从一种类型转换为另一种类型通常称为类型转换，这是显式的情况，对于隐式的情况，称为强制类型转换。
var a = 42
var b = a + '' // 隐式
var c = String(a) // 显式// 字符串转数字
var a = '3.14'
Number(a)
+a
// 数字转字符串
var b = 15
b.toString()
String(b)-
日期显式转为数字
// 获取当前时间戳 var timestamp = +new Date() var timestamp2 = Date.now()
-
~运算符~运算符(即字位操作"非")~~-49.6 // -49 ~~NaN // 0 ~~1E20 / 10 // 166199296
var a = "42"
var b = '42px'
Number(a) // 42
parseInt(a) // 42
Number(b) // NaN
parseInt(b) // 42可见，解析允许字符串中含有非数字字符，解析按从左到右的顺序，如果遇到非数字字符就停止。而转换不允许出现非数字字符，否则会失败并返回NaN。
parseInt(...)方法接收两个参数，第一个是被解析的值，第二个是基数(进制)，默认为10。
本小节内容不算太好懂，而且描述的有点复杂，推荐看这篇文章来替代。
像42 + '' === '42'这样子结果为true的等式，其实就已经包含了隐式强制类型的转换。
||称为断路机制，而&&被称为短路机制。
宽松相等(==)允许在相等比较中进行强制类型转换，而===不允许。
这里的坑太多，不详细介绍。
在JavaScript中表达式可以返回一个结果值，如var a = 3 * 6这种，就是一个表达式。而语句则是由数个短语和运算符相连组成的句子。
而在JavaScript中，尽管没有办法显式的获取，但事实就是每个表达式都是有一个明确的返回值的。
// 在chrome控制台中输入一个表达式就能看到它的默认返回值
// 定义变量表达式无论是否赋值都返回undefinded，而为一个变量赋值则会返回该值
var a = 1
// undefined
var c = a
// undefinded
var v
//undefinded
v = 3
// 3利用这种表达式特性，你可以合并很多语句和判断，写出更简洁的代码。
&&和||在语句中并非从左到右顺序执行，三元计算符的优先级从高到低排序为：
&&运算符||运算符?运算符
JavaScript内部有一套名为ASI的纠错机制，用于为没有分号的语句自动加上分号。
是否应该加分号，是JavaScript社区中最具争议性的话题之一(此外还有Tab和空格之争......真是闲的)
-
ES6加入了参数默认值，这有时候会导致函数的
arguments数组和实际上函数中的参数并不对应。function test (a = 1, b = 2) {console.log(a, b);console.log(arguments.length);} test() // 1 2 a与b的默认值 // 0 arguments的长度，此时尽管函数中有默认参数，但arguments中并没有元素
此外，使用
arguments在严格模式中也会报错，所以最好不要使用该参数。(且ES6中引入了剩余参数...，明显比arguments好用)
finally的代码总是会在try之后执行(如果有catch的话则在catch之后执行。
function foo () {
try {
return 42
}
finally {
console.log('hello')
}
console.log('never runs')
}
console.log(foo())
//hello
//42如果finally中抛出异常，函数就会在此终止，如果此前try中已经有return设置了返回值，则该值会被丢弃。
switch中的case语句后面跟着的可以是一个表达式，但必须要严格返回true或者false。
var a = 'hello world'
var b = 10
switch (true) {
case (a || b == 10):
// 永远不会执行到这里
break
default:
console.log('oops')
}上述代码之所以没有执行，是因为表达式(a || b == 10)的返回值为'hello world'，并不为true，所以严格相等比较不成立，若想成立，可以使用!!(a || b == 10)这种显式转换的方式。
第二部分 异步和性能
本章感觉有点水...全是概念性的东西。
// 手动实现一个简单的Ajax
function myAjax (params) {
let xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP')
let type = params.type || 'get'
let async = typeof params.async === undefined ? true : params.async
xhr.open(type, params.url, async)
xhr.onReadyStateChange = function (e) {
if (xhr.readyState === 4) {
if (xhr.status >= 200 && xhr.status <= 300 || xhr.status === 304) {
if (params.success && params.success instanceof Function) {
params.success(xhr.responseText)
}
} else if (params.error && params.error instanceof Function) {
params.error(xhr.responseText)
}
}
}
xhr.setRequestHeader('Content-Type', 'application/json')
type === 'get' ? xhr.send() : xhr.send(params.data)
}从现在到将来的等待，最简单的方法是使用一种一种称为回调函数的函数。虽然也可以发送同步的Ajax请求，但在不良的网络环境下，这会导致用户所有的用户交互阻塞，造成"卡死"的现象。
在ES6之前，JavaScript其实是没有异步的概念的，所有的程序都在包含它的环境中线性调用，如果当前队列中有事件在执行，那么即便回调函数触发，也只能在事件循环中等待，等待未来某个时刻tick会摘下并执行这个回调。这也侧面说明了为何setTimeout()和setInterval()函数作为定时器其精度不高。
异步是关于现在和将来的时间间隙，而并行是关于能够同时发生的事情。
两个或多个"进程"同时执行就出现了并发。
在ES6中，有一个新的概念建立在时间循环队列之上，叫作任务队列(job queue)。
任务和setTimeout(.., 0)hack的思路类似，但是其实现方式定义的更加良好，对顺序的保证性更强：尽可能早的将来。（简单的理解即setTimeout是宏任务机制，这个是微任务机制）。
在以后的章节中，我们将会看到Promise的异步特性是基于任务的，所以一定要清楚它和事件循环特性的关系。
编译器语句重排几乎就是并发和交互的微型隐喻，作为一个一般性的概念，清楚这一点能够使你更好地理解异步JavaScript的代码流问题。