产品经理的JS课：初出茅庐（一）

如果你只是为了兴趣想了解一门计算机开发语言的，JavaScript是个错的选择，因为它不像java和C++那样需要搭建复杂的运行环境，你只需要一个文本编辑器和一个浏览器，就可以写代码了~！别告诉我你的电脑上没这两样东西。关于JavaScript的周边八卦，今天咱不多说，有兴趣的同学可以参考《再谈JavaScript》这篇文章。

下面咱们直入正题。

在页面中使用JavaScript：

在HTML页面中使用JavaScript，需要用标签将你的JavaScript代码「圈」出来，这样做的目的是为了告诉浏览器，标签之间的代码是一个段JavaScript程序，要用JavaScript引擎来解析处理。标签可以放在页面的任何位置，但为了便于管理和阅读，程序猿一般会将标签放到HTML的或部分。

简单的JavaScript代码：

这段JavaScript代码的意思是：在页面上输出一个内容为「Holle World」的

标签。现在,把这段代码加到你HTML文件的指定位置，打开页面，就会在对应位置看到对应的内容。

当然，你可能会发现这跟直接写一个

标签实现的效果没什么区别，但它毕竟是你JavaScript旅程的第一步。

创建一个函数：

所谓函数，就是一段具有一定功能的代码片段，这个定义在各种语言中都适用，只不过在有些语言中「函数」被称作「方法」（比如java）。另外我们经常提到的「API」和「接口」的概念，最终也会对应到一个具体的函数。

要创建一个函数，你要遵循对应语言的规则，我们看看JavaScript中是怎么创建函数的：

创建一个函数，要对函数起个名字，例如上文中的「myFunc」。

我们用「function」关键字前缀来告诉JavaScript引擎：我在这里声明了一个名字叫「myFunc」的函数，大括号内是函数对应的代码片段。

使用函数：

网页中出现「myFunc()」字样的地方，就是要执行函数大括号中对应代码片段的地方。

比如下面的代码就会输出三行「Holle World」：

声明函数后，代码变的更简洁，而且如果你改变了注意，想在页面上输出三次「你好 世界」，也只需要修改函数对应的代码片段。不用函数的话，你需要修改三次，太麻烦了。有的同学可能会说「我不声明函数，用文本编辑器的全局替换也只需要修改一次！」好吧，请自行点击页面左上方叉号，这么聪明的学生果果Hold不住。

程序猿一般会将创建函数的JavaScript代码放在部分，在部分使用函数，你也应该这么干。

今天，我们了解了在页面中使用JavaScript的方式，并且知道了「函数」的概念。这些东西虽然很简单，但是它标志着你已经向「码农」的世界迈出了第一步。

PS:在正文中直接贴文本形式的源码，发送到手机上的排版简直是悲剧，如果大家想要最后一张图片的文本形式源码，可以直接回复“JS”。