JavaScript notes

JavaScript它属于前端的核心，主要用来操控和重新调整DOM，通过修改DOM结构，从而来达到修改页面效果的目的。

JavaScript核心语法

• 基本的语法构造：操作符、控制结构、语句
• 标准库：具有各种功能的对象（Array、Date、Math...）

各种宿主环境提供额外的API供JavaScript调用，以浏览器为例：

• 浏览器控制类：操作浏览器
• DOM类：操作网页的各种元素
• Web类：实现互联网的各种功能

JavaScript的复杂性

• 涉及大量的外部API
• 语言的一些设计缺陷

JavaScript的性能优势

1. 灵活的语法，表达力强

• 支持过程式编程，函数式编程，适用异步编程
• 所有值都是对象，可以方便地、按照需要随时创造数据结构

2. 支持编译运行
3. 事件驱动和非阻塞式设计

• 在服务器端适合高并发环境，普通的硬件就可以承受很大的访问量

---

JavaScript语言构成

• 基本语法：借鉴C语言和Java语言
• 数据结构：借鉴Java语言，包括将值分成原始值和对象两类
• 函数的用法：借鉴Scheme语言和Awk语言，将函数当做第一等公民，并引入闭包
• 原型继承模型：借鉴Self语言（Smalltalk的一个变种）
• 正则表达式：借鉴Perl语言
• 字符串和数组处理：借鉴Python语言

JavaScript特点

• 需要学习各种解决问题的模式（语言缺少一些关键的功能，比如块级作用域、模块、子类型等）
• 编程风格：函数式编程和面向对象编程的混合体

---

JavaScript数据类型

• typeof使用

变量v没有声明，直接使用就会报错，但是放在typeof后面，就不报错，会返回undefined。
实际编程中，这个特点通常用于判断语句。

// 错误写法
if (v) {
  // ...
}
// ReferenceError: v is not defined

// 正确写法
if (typeof v === 'undefined') {
  // ...
}

• null和undefined

含义和用法

null表示空值，即该处的值现在为空。在调用函数时，某个参数未设置任何值，这是就可以传入null，表示该参数为空。比如，某个函数接受引擎抛出的错误为参数，如果运行过程中未出错，那么这个参数就会传入null，表示未发生错误。

undefined表示未定义，返回undefined的典型场景：

// 变量声明但未赋值
var i;
i // undefined

// 调用函数时，应提供的参数没有提供，该参数等于undefined
function f(x) {
  return x;
}
f() // undefined

// 对象没有赋值的属性
var o = new Object();
o.p //undefined

// 函数没有返回值时，默认返回undefined
function f() {
f() // undefined

相同点

if (!undefined) {
  console.log('undefined');
}
// undefined

if (!null) {
  console.log('null');
}
// null

undefined == null
// true

不同点

Number(null) // 0
5 + null //5

Number(undefined) // NaN
5 + undefined // NaN

• 布尔值

如果JavaScript预期某个位置应该是布尔值，会将该位置上现有的值自动转换为布尔值。转换规则是除了下面六个值被转为false，其他都视为true。

1. undefined
2. null
3. false
4. 0
5. NaN
6. ""或''（空字符串）