作为一个程序员，什么是脚本。必须要理解

Posted 2020-10-28 魏明理

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了作为一个程序员，什么是脚本。必须要理解相关的知识，希望对你有一定的参考价值。

javascript 是一门动态类型、面向对象的脚本语言。

对脚本进行一个感性的认识。就是一个跟计算机执行的文本。

理解脚本

如果你打开一本 JavaScript 教程，那么很可能在第一章就看到这句话：

JavaScript 是一门动态类型、面向对象的脚本语言。

然而很多前端工作一年都不清楚这个脚本是什么意思。

其实脚本原本来自戏剧舞台，比如下面这个脚本：

公馆一室内
王妈：（小心翼翼地）小姐，您还是得注意身子，就吃点东西吧。
鸡小姐：（把碗砸在地上）不吃，我就是不吃。
（王妈下）

脚本主要由人物对话和舞台提示组成。演员和道具组只需要按照脚本说的做即可。

编程领域的脚本也是类似的，计算机只要照着脚本上说的做即可，比如下面这个脚本：

cd ~/Desktop
mkdir demo
cd demo
echo "hi" > index.html
cd ~/Desktop

所以说，脚本就是给计算机照着做的。这是我们对「脚本」的一个感性认识。接下来我们写一个脚本。

写一个脚本

找个地方新建文件，后缀随意，一般来说脚本的后缀是 .sh。我喜欢把脚本放在 ~/local 目录里。（我知道你没有这个目录，创建这个目录不就行了）
1. mkdir ~/local
2. cd ~/local
3. touch demo.txt

编辑 demo.txt，内容如下：

 mkdir demo
 cd demo
 mkdir css js
 touch index.html css/style.css js/main.js
 exit

（Windows 用户请跳过这一步）给 demo.sh 添加执行权限 chmod +x demo.txt
在任意位置执行 sh ~/local/demo.txt 即可运行此脚本
1. cd ~/Desktop
2. sh ~/local/demo.txt
3. 你会看到当前目录里多出一个 demo 目录，demo 目录里面还有一些文件
  好了，这个 demo.txt 就是你写出的第一个 Bash 脚本了。
将 ~/local 添加到 PATH 里
1. cd ~/local; pwd 得到 local 的绝对路径
2. 创建 ~/.bashrc：touch ~/.bashrc
3. 编辑 ~/.bashrc：start ~/.bashrc，在最后一行添加 export PATH="local的绝对路径:$PATH"
4. source ~/.bashrc
5. 之前你要运行 sh ~/local/demo.txt，现在你只需要运行 demo.txt 就行了（想想为什么，道理显而易见）
demo.txt 的后缀 .txt 很无聊，删掉它
1. mv ~/local/demo.txt ~/local/demo
2. 现在你只要运行 demo 就能执行该脚本了。

细节

　　liunx系统中。可执行的文件就是脚本。不可执行的文件就是PATH。（配置文件）

PATH 的作用
你每次在 Bash 里面输入一个命令时（比如 ls、cp、demo），Bash 都会去 PATH 列表里面寻找对应的文件，如果找到了就执行。
使用 type demo 可以看到寻找过程
使用 which demo 可以看到寻找结果
文件后缀的作用：毫无作用
你以为一个文件以 .exe 结尾就一定可以双击吗？你以为一个文件以 .png 结尾就一定是图片吗？图样图森破！
windows中文件后缀的名作用是用什么工具打开它。

参数

demo 脚本只能创建名字为 demo 的目录，太无聊了，我们让目录名是可变的吧。

mkdir $1
cd $1
mkdir css js
touch index.html css/style.css js/main.js
exit

$1 表示你传的第一个参数。

老师你怎么知道 $1 表示第一个参数？

好问题，答案是

我 Google 出来的 http://lmgtfy.com/?q=bash+first+param
用百度也行 http://www.baidu-x.com/?q=bash+%E7%AC%AC%E4%B8%80%E4%B8%AA+%E5%8F%82%E6%95%B0

判断目录是否已存在

if [ -d $1 ]; then
  echo ‘error: dir exists‘
  exit
else
  mkdir $1
  cd $1
  mkdir css js
  touch index.html css/style.css js/main.js
  echo ‘success‘
  exit
fi

老师，你怎么知道 -d $1 可以判断目录是否存在？

我 Google 出来的 http://lmgtfy.com/?q=bash+dir+exists

返回值

exit 0 表示没有错误
exit 1 表示错误代码为 1

demo && echo ‘结束‘

只有在 demo 成功时，才会执行 echo ‘结束‘

思考题

我们创建的 index.html style.css 和 main.js 都是空文件，如何给他们填充内容呢？

Node.js 写脚本

上面我们写的脚本叫做 Bash Script（Bash脚本）。

JS 的全称叫做 JavaScript（Java脚本），虽然 JS 和 Java 没什么关系，但是 JS 依然是一种脚本。

我们在 Bash 命令行里输入 Bash 命令，也可以在 Node.js 命令行里输入 JS 命令（<kbd>Ctrl</kbd> + <kbd>D</kbd> 退出）
Bash 脚本能做的事情，JS 脚本也能做。(sh demo.sh 对应 node demo.js）

用 JS 切换目录

console.log(process.cwd()) // 打印当前目录
// process.chdir(‘~/Desktop‘); // 这句话不行的，因为 JS 不认识 ~ 目录
process.chdir("/Users/frank/Desktop")
console.log(process.cwd()) // 打印当前目录

console.log 就相当于 echo

用 JS 脚本创建目录

Google nodejs create dir

文档：https://nodejs.org/api/fs.html#fs_fs_mkdirsync_path_mode

let fs = require("fs")
fs.mkdirSync("demo")

用 JS 脚本创建文件

Google nodejs create file

文档： https://nodejs.org/api/fs.html#fs_fs_writefilesync_file_data_options

let fs = require(‘fs‘)
fs.writeFileSync("./index.html", "")

用 JS 脚本来重写 demo.sh

创建 ~/local/jsdemo.js，内容如下

 var fs = require(‘fs‘)

 var dirName = process.argv[2] // 你传的参数是从第 2 个开始的

 fs.mkdirSync("./" + dirName) // mkdir $1
 process.chdir("./" + dirName) // cd $1
 fs.mkdirSync(‘css‘) // mkdir css
 fs.mkdirSync(‘js‘) // mkdir js

 fs.writeFileSync("./index.html", "")
 fs.writeFileSync("css/style.css", "")
 fs.writeFileSync("./js/main.js", "")

 process.exit(0)