如何执行JS命令或文件

前阵子一个初学的哥们问我,网上学习来的高大上js代码要怎么运行看看执行结果,我不假思索地告诉他:在浏览器控制台执行代码就行了啊,然后这哥们儿就没信了,估计是自己去试了

于是引起了我的回忆,我在刚接触的时候,好像也不知道,也没有运行js代码块的需要,也是到正式工作的时候,才开始偶尔跑跑单独的js验证代码是不是逻辑正确,也是因为js不像别的语言,有系统成型的学习,基本上90%(我怀疑是100%)的前端程序员都没有在大学里经历过系统的前端学习,全靠自己摸爬滚打。实际上,回过头看,初学者在学习js的时候,如果能有一个类似于C语言vc6.0这样的环境的话,学习起语法,了解js可能会更方便。所以,这里我列举几种可单独执行js命令或文件的方法:

1、浏览器控制台运行

JavaScript不同于java语言或者c语言,需要环境、需要编译再运行,js在被制造出来时,就是为浏览器而生,可以直接在浏览器里运行,这里以谷歌浏览器为例,鼠标右键检查或者快捷键F12即可看到控制台可以理解为操作系统里的命令行模式

如何执行JS命令或文件_第1张图片

在这里就可以直接输入我们想输入的js代码,回车即可查看代码执行结果

在浏览器输入js代码的好处显而易见:方便,打开浏览器就能输代码查看执行结果,我平常也多用浏览器控制台学学原生js的原理或者看看正则是不是匹配,因为浏览器控制台的缺点太多了:操作不便,没法文件操作只能命令行,找错困难,大多数时候的js是有依赖的,控制台不方便整依赖,所以,一般控制台也就执行执行简单原生的js

2、写在HTML里运行

实际上,我们肯定不想用命令行的方式,当然是用一个顺手的IDE写代码。

这种方式,就是我大学时候,老师们教的传统方式了。

学HTML的时候,会教到标签,有一个标签不同于别的花里胡哨的标签,这个标签很牛,叫做

你可能感兴趣的:(如何执行JS命令或文件)