JavaScript&Typescript总结

一、JavaScript总结

1、作用域

1.1 全局作用域和局部作用域

1.2 变量的作用域

1.3 作用域链

秘诀： 站在目标出发，一层一层地往外找。谁离我近，我就去找谁。

案例分析1：

案例分析2：

显示结果：

1.4 预解析（重点）

预解析分为：变量预解析和函数预解析
1.变量预解析：把变量声明提升到最前面，赋值操作不提升。
2.函数预解析：把函数声明提到最前面，但不调用函数。

实例理解：

• 变量预解析：

• 函数预解析：

1.5 预解析案例

案例一：

案例二：

案例三：

案例四：（重点！!敲黑板！！！）

2、对象（重点）

2.1 对象的理解

1）现实生活中

2）JavaScript中：

2.2 对象的作用

2.3 创建对象的三种方式

1、利用字面量创建对象

2、利用new Object创建对象

3、利用构造函数创建对象

3、案例分析

3.1 倒计时案例

1、核心算法：输入的时间减去现在的时间就是剩余的时间，即倒计时 ，但是不能拿着时分秒相减，比如 05 分减去25分，结果会是负数的。
2、用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数。
3、把剩余时间总的毫秒数转换为天、时、分、秒 （时间戳转换为时分秒）

3.2 数组排序

3.3 数组去重（重点）

案例：有一个数组[‘c’, ‘a’, ‘z’, ‘a’, ‘x’, ‘a’, ‘x’, ‘c’, ‘b’]，要求去除数组中重复的元素。

思路：
1.先创建一个新的数组
2.用旧的数组去遍历新的数组
3.如果新数组里面没有一样的元素，则就返回这个值给新数组，如果存在该元素，则去除他。

标准做法：直接封装一个函数。

3.4 返回字符位置

案例:查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数。

3.5 返回字符位置

案例：判断一个字符串 ‘abcoefoxyozzopp’ 中出现次数最多的字符，并统计其次数。

思路：
1、核心算法：利用 charAt(） 遍历这个字符串
2、把每个字符都存储给对象， 如果对象没有该属性，就为1，如果存在了就 +1
3、遍历对象，得到最大值和该字符

二、Typescript总结

Typescript与JavaScript大差不差，只能说是JavaScript的超集，多增加了一些JavaScript的高级语法，实现更强大的功能，Typescript能处理Javascript的代码，也能完成Typescript的代码编译。