慕课：笔记

课程链接：直面JavaScript中的30个疑难杂症_JavaScript面试题-慕课网

第二章：数据类型

数据类型是每门编程语言的必修之课，你是否对JavaScript的数据类型和检测存在困惑，本章节将为你揭晓其中的奥秘，让你对数据类型有更深的理解。

typeof和instanceof的区别

第二章：数据类型

typeof和instanceof的区别

少null

多function

堆栈

如何快熟实现深浅拷贝

开发中常用的数据类型转换

第三章：表达式运算符和分支结构

3-1 运算符多的情况下需要注意哪些

运算符优先级

js舍人误差

3-2 开发中优化for循环

第四章：内置对象

4-1 js中常见的内置对象有哪些

4-2 面试常见装箱和拆箱的理解

4-3 带你深入理解栈和队列

什么使栈和队列？

push\pop\shift\unshift

4-4 你不知道的sort排序

sort是如何排序的？

如何解决sort排序的问题？

4-5 Date对象中getMonth()需要注意的

4-6 开发中编码和解码使用场景有哪些

第5章：JS DOM

第6章 JS BOM

6-1 开发中使用history和location需要注意哪些

第7章函数对象（重难点）

7-1 常见函数的四种类型有哪些

函数的四种类型：匿名函数、回调函数、递归函数、构造函数

7-2 一定要知道的变量和函数提升

7-3 带你深入理解作用域和作用域链

7-4 带你图解执行环境

7-5 开发中重载和多态的使用场景有哪些

7-6 高频面试题闭包理解

7-8 new的执行过程有哪几步

7-9 开发中使用this的坑有哪些

第8章面向对象（重难点）

8-1 面试高频如何理解面向对象

8-2 带你图解原型和原型链(1)

8-3 带你图解原型和原型链(2)

8-4 开发中如何使用继承

8-5 开发中如何运用 Object.defineProperty()方法

第9章课程总结

口诀：typeof少null多function

少null

机器码检测后三位

null的机器码 000...000=》object
typeof（[]） //object 数组引用数据类型

多function

typeof 检测引用数据类型返回object、function

object定义一个内部方法[[call]],typeof检测object有没有内部方法，

有返回function

无返回object

instanceof检测返回布尔值

A instanceof B :A是由B实例化后的对象

推荐检测数据类型：object.prototype.toString.call('1') //string

Object.prototype.toString.call(obj)精确判断对象的类型_wayne丶的博客-CSDN博客

堆栈

主要区别：堆在栈里面存的是一个地址；栈存的是一个原始类型的数值。

如何快熟实现深浅拷贝

1.遍历赋值 \\浅拷贝

2.object.create() \\浅拷贝

3.JSON.parse[JSON.stringify(obj)] //object->string->object

JSON.parse和JSON.stringify的用法

function deepClone(startObj, endObj) {
            var obj = endObj || {}
            for (var i in startObj) {
                if (typeof startObj[i] === "object") {
                    //[] {}
                    obj[i] = startObj[i].constructor === Array ? [] : Object.create(null)
                    deepClone(startObj[i], obj[i])
                } else {
                    obj[i] = startObj[i]
                }
            }
            return obj
        }

开发中常用的数据类型转换

1.特殊类型的隐士转换 NaN、0、undefined、null =>false ;不是这5种转换true

2.&&和||

3.==和===

第三章：表达式运算符和分支结构

3-1 运算符多的情况下需要注意哪些

本章节的内容较为简单，探讨开发中摄入误差的解决方案以及对于for循环的优化。

运算符优先级

算术操作符 → (关系运算符)比较操作符 → 逻辑操作符 → "="赋值符号

(+,-,,/,++,–,%) (<,>,,=,<=,>=,!=) (&&,||,!) (=,+=,-=,…)

js舍人误差

// console.log(0.1+0.2);
// 转换为二进制相加后得到的数值再转为十进制（有误差）

// 方案一：
console.log(parseFloat((0.1+0.2).toFixes(2))//0.3
//方法二：
function add(num1,num2){
  m=Math.pow(10,2)
  return (num1*m+num2*m)
}
console.log(add(0.1,0.2))

3-2 开发中优化for循环

// 正常for循环
var len=arr.length
for(var i=0;i<arr.length;i++){
  // do something
}

// 优化后for循环
for(var i=0,len=arr.length;i<len;i++){
  // do something
}

第四章：内置对象

4-1 js中常见的内置对象有哪些

JavaScript的对象--内置对象_chnnds的博客-CSDN博客_什么是内置对象

三种包装对象，直接是无法使用的，通过构造函数内有包装方法，包装后输出，输出前将方法进行清空

Arry是构造函数，Math是全局内置对象