BAT前端经典面试问题：史上最最最详细的手写Promise教程

女爷i 2023-09-23 15:26 10阅读 0赞

### 前言 ###

使用 Git 作为代码版本管理，早已是现在开发工程师必备的技能。可大多数工程师还是只会最基本的保存、拉取、推送，遇到一些commit管理的问题就束手无策，或者用一些不优雅的方式解决。

本文分享我在开发工作中实践过的实用命令。这些都能够大大提高工作效率，还能解决不少疑难场景。下面会介绍命令，列出应用场景，手摸手教学使用，让同学们看完即学会。

![06af2e121f5b8e9ea3efba0826ba6785.jpeg][]

### stash ###

[官方文档][Link 1]

[git 教程][git]

#### 描述 ####

> 官方解释：当您想记录工作目录和索引的当前状态，但又想返回一个干净的工作目录时，请使用git stash。该命令将保存本地修改，并恢复工作目录以匹配头部提交。

stash 命令能够将还未 commit 的代码存起来，让你的工作目录变得干净。

#### 应用场景 ####

我猜你心里一定在想：为什么要变干净？

应用场景：某一天你正在 feature 分支开发新需求，突然产品经理跑过来说线上有bug，必须马上修复。而此时你的功能开发到一半，于是你急忙想切到 master 分支，然后你就会看到以下报错：

![format_png][]

因为当前有文件更改了，需要提交commit保持工作区干净才能切分支。由于情况紧急，你只有急忙 commit 上去，commit 信息也随便写了个“暂存代码”，于是该分支提交记录就留了一条黑历史...(真人真事，看过这种提交)

#### 命令使用 ####

如果你学会 stash，就不用那么狼狈了。你只需要：

git stash
    复制代码

就这么简单，代码就被存起来了。

当你修复完线上问题，切回 feature 分支，想恢复代码也只需要：

git stash apply
    复制代码

#### 相关命令 ####

# 保存当前未commit的代码
    git stash
    
    # 保存当前未commit的代码并添加备注
    git stash save "备注的内容"
    
    # 列出stash的所有记录
    git stash list
    
    # 删除stash的所有记录
    git stash clear
    
    # 应用最近一次的stash
    git stash apply
    
    # 应用最近一次的stash，随后删除该记录
    git stash pop
    
    # 删除最近的一次stash
    git stash drop
    复制代码

当有多条 stash，可以指定操作stash，首先使用stash list 列出所有记录：

$ git stash list
    stash@{0}: WIP on ...
    stash@{1}: WIP on ...
    stash@{2}: On ...
    复制代码

应用第二条记录：

$ git stash apply stash@{1}
    复制代码

pop，drop 同理。

#### vscode 集成 ####

stash 代码

![format_png 1][]

填写备注内容，也可以不填直接Enter

![format_png 2][]

在STASHES菜单中可以看到保存的stash

![format_png 3][]

先点击stash记录旁的小箭头，再点击 apply 或者 pop 都可恢复 stash

![format_png 4][]

### reset --soft ###

[官方文档][Link 2]

[git 教程][git 1]

#### 描述 ####

> 完全不接触索引文件或工作树（但会像所有模式一样，将头部重置为）。这使您的所有更改的文件更改为“要提交的更改”。

回退你已提交的 commit，并将 commit 的修改内容放回到暂存区。

一般我们在使用 reset 命令时，`git reset --hard` 会被提及的比较多，它能让 commit 记录强制回溯到某一个节点。而 `git reset --soft` 的作用正如其名，`--soft` (柔软的) 除了回溯节点外，还会保留节点的修改内容。

#### 应用场景 ####

回溯节点，为什么要保留修改内容？

应用场景1：有时候手滑不小心把不该提交的内容 commit 了，这时想改回来，只能再 commit 一次，又多一条“黑历史”。

应用场景2：规范些的团队，一般对于 commit 的内容要求职责明确，颗粒度要细，便于后续出现问题排查。本来属于两块不同功能的修改，一起 commit 上去，这种就属于不规范。这次恰好又手滑了，一次性 commit 上去。

#### 命令使用 ####

学会 `reset --soft` 之后，你只需要：

# 恢复最近一次 commit
    git reset --soft HEAD^
    复制代码

`reset --soft` 相当于后悔药，给你重新改过的机会。对于上面的场景，就可以再次修改重新提交，保持干净的 commit 记录。

以上说的是还未 push 的commit。对于已经 push 的 commit，也可以使用该命令，不过再次 push 时，由于远程分支和本地分支有差异，需要强制推送 `git push -f` 来覆盖被 reset 的 commit。

还有一点需要注意，在 `reset --soft` 指定 commit 号时，会将该 commit 到最近一次 commit 的所有修改内容全部恢复，而不是只针对该 commit。

举个栗子：

commit 记录有 c、b、a。

![format_png 5][]

reset 到 a。

git reset --soft 1a900ac29eba73ce817bf959f82ffcb0bfa38f75
    复制代码

此时的 HEAD 到了 a，而 b、c 的修改内容都回到了暂存区。

![format_png 6][]

### cherry-pick ###

[官方文档][Link 3]

[git cherry-pick 教程][git cherry-pick]

#### 描述 ####

> 给定一个或多个现有提交，应用每个提交引入的更改，为每个提交记录一个新的提交。这需要您的工作树清洁（没有从头提交的修改）。

将已经提交的 commit，复制出新的 commit 应用到分支里

#### 应用场景 ####

commit 都提交了，为什么还要复制新的出来？

应用场景1：有时候版本的一些优化需求开发到一半，可能其中某一个开发完的需求要临时上，或者某些原因导致待开发的需求卡住了已开发完成的需求上线。这时候就需要把 commit 抽出来，单独处理。

应用场景2：有时候开发分支中的代码记录被污染了，导致开发分支合到线上分支有问题，这时就需要拉一条干净的开发分支，再从旧的开发分支中，把 commit 复制到新分支。

#### 命令使用 ####

复制单个

现在有一条feature分支，commit 记录如下：

![format_png 7][]

需要把 b 复制到另一个分支，首先把 commitHash 复制下来，然后切到 master 分支。

![format_png 8][]

当前 master 最新的记录是 a，使用 `cherry-pick` 把 b 应用到当前分支。

![format_png 9][]

完成后看下最新的 log，b 已经应用到 master，作为最新的 commit 了。可以看到 commitHash 和之前的不一样，但是提交时间还是保留之前的。

复制多个

以上是单个 commit 的复制，下面再来看看 `cherry-pick` 多个 commit 要如何操作。

*  一次转移多个提交：

git cherry-pick commit1 commit2
    复制代码

上面的命令将 commit1 和 commit2 两个提交应用到当前分支。

*  多个连续的commit，也可区间复制：

git cherry-pick commit1^..commit2
    复制代码

上面的命令将 commit1 到 commit2 这个区间的 commit 都应用到当前分支（包含commit1、commit2），commit1 是最早的提交。

#### cherry-pick 代码冲突 ####

在 `cherry-pick` 多个commit时，可能会遇到代码冲突，这时 `cherry-pick` 会停下来，让用户决定如何继续操作。下面看看怎么解决这种场景。

![format_png 10][]

还是 feature 分支，现在需要把 c、d、e 都复制到 master 分支上。先把起点c和终点e的 commitHash 记下来。

![format_png 11][]

切到 master 分支，使用区间的 `cherry-pick`。可以看到 c 被成功复制，当进行到 d 时，发现代码冲突，`cherry-pick` 中断了。这时需要解决代码冲突，重新提交到暂存区。

![format_png 12][]

然后使用 `cherry-pick --continue` 让 `cherry-pick` 继续进行下去。最后 e 也被复制进来，整个流程就完成了。

以上是完整的流程，但有时候可能需要在代码冲突后，放弃或者退出流程：

*  放弃 `cherry-pick`：

gits cherry-pick --abort
    复制代码

回到操作前的样子，就像什么都没发生过。

*  退出 `cherry-pick`：

git cherry-pick --quit
    复制代码

不回到操作前的样子。即保留已经 `cherry-pick` 成功的 commit，并退出 `cherry-pick` 流程。

### revert ###

[官方文档][Link 4]

#### 描述 ####

> 给定一个或多个现有提交，恢复相关提交引入的更改，并记录一些这些更改的新提交。这就要求你的工作树是干净的（没有来自头部的修改）。

将现有的提交还原，恢复提交的内容，并生成一条还原记录。

#### 应用场景 ####

应用场景：有一天测试突然跟你说，你开发上线的功能有问题，需要马上撤回，否则会影响到系统使用。这时可能会想到用 reset 回退，可是你看了看分支上最新的提交还有其他同事的代码，用 reset 会把这部分代码也撤回了。由于情况紧急，又想不到好方法，还是任性的使用 reset，然后再让同事把他的代码合一遍（同事听到想打人），于是你的技术形象在同事眼里一落千丈。

#### 命令使用 ####

revert 普通提交

学会 revert 之后，立马就可以拯救这种尴尬的情况。

现在 master 记录如下：

![format_png 13][]

git revert 21dcd937fe555f58841b17466a99118deb489212
    复制代码

revert 掉自己提交的 commit。

![format_png 14][]

因为 revert 会生成一条新的提交记录，这时会让你编辑提交信息，编辑完后 :wq 保存退出就好了。

![format_png 15][]

再来看下最新的 log，生成了一条 revert 记录，虽然自己之前的提交记录还是会保留着，但你修改的代码内容已经被撤回了。

revert 合并提交

在 git 的 commit 记录里，还有一种类型是合并提交，想要 revert 合并提交，使用上会有些不一样。

![format_png 16][]

现在的 master 分支里多了条合并提交。

![format_png 17][]

使用刚刚同样的 revert 方法，会发现命令行报错了。

为什么会这样？在官方文档中有解释。

> 通常无法 revert 合并，因为您不知道合并的哪一侧应被视为主线。此选项指定主线的父编号（从1开始），并允许 revert 反转相对于指定父编号的更改

我的理解是因为合并提交是两条分支的交集节点，而 git 不知道需要撤销的哪一条分支，需要添加参数 -m 指定主线分支，保留主线分支的代码，另一条则被撤销。

\-m 后面要跟一个 parent number 标识出"主线"，一般使用 1 保留主分支代码。

git revert -m 1 <commitHash>
    复制代码

revert 合并提交后，再次合并分支会失效

还是上面的场景，在 master 分支 revert 合并提交后，然后切到 feature 分支修复好 bug，再合并到 master 分支时，会发现之前被 revert 的修改内容没有重新合并进来。

因为使用 revert 后， feature 分支的 commit 还是会保留在 master 分支的记录中，当你再次合并进去时，git 判断有相同的 commitHash，就忽略了相关 commit 修改的内容。

这时就需要 revert 掉之前 revert 的合并提交，有点拗口，接下来看操作吧。

![format_png 18][]

现在 master 的记录是这样的。

![format_png 19][]

再次使用 revert，之前被 revert 的修改内容就又回来了。

### reflog ###

[官方文档][Link 5]

#### 描述 ####

> 此命令管理重录中记录的信息。

如果说 `reset --soft` 是后悔药，那 reflog 就是强力后悔药。它记录了所有的 commit 操作记录，便于错误操作后找回记录。

#### 应用场景 ####

应用场景：某天你眼花，发现自己在其他人分支提交了代码还推到远程分支，这时因为分支只有你的最新提交，就想着使用 `reset --hard`，结果紧张不小心记错了 commitHash，reset 过头，把同事的 commit 搞没了。没办法，`reset --hard` 是强制回退的，找不到 commitHash 了，只能让同事从本地分支再推一次（同事瞬间拳头就硬了，怎么又是你）。于是，你的技术形象又一落千丈。

#### 命令使用 ####

![format_png 20][]

分支记录如上，想要 reset 到 b。

![format_png 21][]

误操作 reset 过头，b 没了，最新的只剩下 a。

![format_png 22][]

这时用 `git reflog` 查看历史记录，把错误提交的那次 commitHash 记下。

![format_png 23][]

再次 reset 回去，就会发现 b 回来了。

### 设置 Git 短命令 ###

对我这种喜欢敲命令而不用图形化工具的爱好者来说，设置短命令可以很好的提高效率。下面介绍两种设置短命令的方式。

**方式一**

git config --global alias.ps push
    复制代码

**方式二**

打开全局配置文件

vim ~/.gitconfig
    复制代码

写入内容

[alias] 
            co = checkout
            ps = push
            pl = pull
            mer = merge --no-ff
            cp = cherry-pick
    复制代码

**使用**

# 等同于 git cherry-pick <commitHash>
    git cp <commitHash>
    复制代码

### 总结 ###

本文主要分享了5个在开发中实用的 Git 命令和设置短命令的方式。

*  `stash`：存储临时代码。
 *  `reset --soft`：软回溯，回退 commit 的同时保留修改内容。
 *  `cherry-pick`：复制 commit。
 *  `revert`：撤销 commit 的修改内容。
 *  `reflog`：记录了 commit 的历史操作。

文中列举的应用场景有部分不太恰当，只是想便于同学们理解，最重要的是要理解命令的作用是什么，活学活用才能发挥最大功效。

如果你也有一些实用的 Git 命令也欢迎在评论区分享~

[06af2e121f5b8e9ea3efba0826ba6785.jpeg]: https://img-blog.csdnimg.cn/img_convert/06af2e121f5b8e9ea3efba0826ba6785.jpeg
[Link 1]: https://link.juejin.cn?target=https%3A%2F%2Fgit-scm.com%2Fdocs%2Fgit-stash
[git]: https://link.juejin.cn?target=https%3A%2F%2Fwww.bookstack.cn%2Fread%2Fgit-tutorial%2Fdocs-commands-git-stash.md
[format_png]: https://img-blog.csdnimg.cn/img_convert/b3aa96bce04f3dc14426a685be2978e9.webp?x-oss-process=image/format,png
[format_png 1]: https://img-blog.csdnimg.cn/img_convert/edc8ad70bb7d0dad5f605e923334cce2.webp?x-oss-process=image/format,png
[format_png 2]: https://img-blog.csdnimg.cn/img_convert/59d4fead29270f8a17ff3a96d885cb08.webp?x-oss-process=image/format,png
[format_png 3]: https://img-blog.csdnimg.cn/img_convert/f01691943f1047ee0832113f1cd5298f.webp?x-oss-process=image/format,png
[format_png 4]: https://img-blog.csdnimg.cn/img_convert/dec9e56c819c164d63ae6c47a5f3af7a.webp?x-oss-process=image/format,png
[Link 2]: https://link.juejin.cn?target=https%3A%2F%2Fgit-scm.com%2Fdocs%2Fgit-reset
[git 1]: https://link.juejin.cn?target=https%3A%2F%2Fwww.bookstack.cn%2Fread%2Fgit-tutorial%2Fdocs-commands-git-reset.md
[format_png 5]: https://img-blog.csdnimg.cn/img_convert/c1bafc744fb0444634b3f25f055ce4f3.webp?x-oss-process=image/format,png
[format_png 6]: https://img-blog.csdnimg.cn/img_convert/075964f5bd337fdaf85c7c1080f03a3f.webp?x-oss-process=image/format,png
[Link 3]: https://link.juejin.cn?target=https%3A%2F%2Fgit-scm.com%2Fdocs%2Fgit-cherry-pick
[git cherry-pick]: https://link.juejin.cn?target=http%3A%2F%2Fwww.ruanyifeng.com%2Fblog%2F2020%2F04%2Fgit-cherry-pick.html
[format_png 7]: https://img-blog.csdnimg.cn/img_convert/cd153a2ac54d31520e199a5cc58124be.webp?x-oss-process=image/format,png
[format_png 8]: https://img-blog.csdnimg.cn/img_convert/99fea1448b1b07d7d20523e6095cbef2.webp?x-oss-process=image/format,png
[format_png 9]: https://img-blog.csdnimg.cn/img_convert/a99bf242d6f2b020d29714a04110b2f4.webp?x-oss-process=image/format,png
[format_png 10]: https://img-blog.csdnimg.cn/img_convert/e7ac0ac79d5f6c8fb74a44cbb7fcfd7c.webp?x-oss-process=image/format,png
[format_png 11]: https://img-blog.csdnimg.cn/img_convert/ecb13079af22b105d21a3ab1ec5b15c2.webp?x-oss-process=image/format,png
[format_png 12]: https://img-blog.csdnimg.cn/img_convert/6961dd4795d1341be9b6cb87596e4714.webp?x-oss-process=image/format,png
[Link 4]: https://link.juejin.cn?target=https%3A%2F%2Fgit-scm.com%2Fdocs%2Fgit-revert
[format_png 13]: https://img-blog.csdnimg.cn/img_convert/7b835faa0b573ec9a75bb4fc62cc4aac.webp?x-oss-process=image/format,png
[format_png 14]: https://img-blog.csdnimg.cn/img_convert/36cb257058207cb16389ddac80599d75.webp?x-oss-process=image/format,png
[format_png 15]: https://img-blog.csdnimg.cn/img_convert/13ed3222bb323f1329ff845788409ca5.webp?x-oss-process=image/format,png
[format_png 16]: https://img-blog.csdnimg.cn/img_convert/3681d3f5cda5b53d51b4c0fdee0e6ac5.webp?x-oss-process=image/format,png
[format_png 17]: https://img-blog.csdnimg.cn/img_convert/b7862df9f2fa9d827df514ccfe4f4288.webp?x-oss-process=image/format,png
[format_png 18]: https://img-blog.csdnimg.cn/img_convert/d652e43efa400023af8d0d721325e264.webp?x-oss-process=image/format,png
[format_png 19]: https://img-blog.csdnimg.cn/img_convert/f5071ffb2159027ded70928a0cd035b8.webp?x-oss-process=image/format,png
[Link 5]: https://link.juejin.cn?target=https%3A%2F%2Fgit-scm.com%2Fdocs%2Fgit-reflog
[format_png 20]: https://img-blog.csdnimg.cn/img_convert/1d1fa54b269eb772985864e644a27c7d.webp?x-oss-process=image/format,png
[format_png 21]: https://img-blog.csdnimg.cn/img_convert/8698ced2cb2f14265d4ebddce009262b.webp?x-oss-process=image/format,png
[format_png 22]: https://img-blog.csdnimg.cn/img_convert/f20522b7fc6c0c1fe186819714234c68.webp?x-oss-process=image/format,png
[format_png 23]: https://img-blog.csdnimg.cn/img_convert/3cacd715ace0b9285cc692a2affa9057.webp?x-oss-process=image/format,png