# 快速入门
JavaScript代码可以直接嵌在网页的任何地方,不过通常我们都把JavaScript代码放到`<head>...</head>`中,或者把JavaScript代码放到一个单独的`.js`文件,然后在HTML中通过`<script src="..."></script>`引入这个文件:
```html
<html>
<head>
<script src="quickstart.js"></script>
<script>
let name = "Jack"
console.log(name)
showMessage() //函数在quickstart.js中定义
</script>
</head>
<body>
<h1>JavaScript 快速入门</h1>
</body>
</html>
```
> 由`<script>...</script>`包含的代码就是JavaScript代码,它将直接被浏览器执行。
把JavaScript代码放入一个单独的`.js`文件中更利于维护代码,并且多个页面可以各自引用同一份`.js`文件。
可以在同一个页面中引入多个`.js`文件,浏览器按照顺序依次执行。
有些时候你会看到`<script type="text/javascript">`标签还设置了一个`type`属性:
~~~
<script type="text/javascript">
...
</script>
~~~
但这是没有必要的,因为默认的`type`就是JavaScript,所以不必显式地把`type`指定为JavaScript。
## 运行/调试JavaScript
要让浏览器运行JavaScript,必须先有一个HTML页面,在HTML页面中引入JavaScript,然后,让浏览器加载该HTML页面,就可以执行JavaScript代码。
俗话说得好,“工欲善其事,必先利其器。”如何找出问题代码?这就需要调试。
怎么在浏览器中调试JavaScript代码呢?
首先,你需要安装Google Chrome内核的浏览器,Chrome浏览器对开发者非常友好,可以让你方便地调试JavaScript代码。
安装后,随便打开一个网页,然后点击菜单“查看(View)”-“开发者(Developer)”-“开发者工具(Developer Tools)”(F12快捷键),浏览器窗口就会一分为二,下方就是开发者工具。
先点击“控制台(Console)“,在这个面板里可以直接输入JavaScript代码,按回车后执行。
要查看一个变量的内容,在Console中输入`console.log(a);`,回车后显示的值就是变量的内容。
![](https://box.kancloud.cn/d247dfbb64c1acf2d78c70fa04639fdb_1001x598.png)
- 内容介绍
- EcmaScript基础
- 快速入门
- 常量与变量
- 字符串
- 函数的基本概念
- 条件判断
- 数组
- 循环
- while循环
- for循环
- 函数基础
- 对象
- 对象的方法
- 函数
- 变量作用域
- 箭头函数
- 闭包
- 高阶函数
- map/reduce
- filter
- sort
- Promise
- 基本对象
- Arguments 对象
- 剩余参数
- Map和Set
- Json基础
- RegExp
- Date
- async
- callback
- promise基础
- promise-api
- promise链
- async-await
- 项目实践
- 标签系统
- 远程API请求
- 面向对象编程
- 创建对象
- 原型继承
- 项目实践
- Classes
- 构造函数
- extends
- static
- 项目实践
- 模块
- import
- export
- 项目实践
- 第三方扩展库
- immutable
- Vue快速入门
- 理解MVVM
- Vue中的MVVM模型
- Webpack+Vue快速入门
- 模板语法
- 计算属性和侦听器
- Class 与 Style 绑定
- 条件渲染
- 列表渲染
- 事件处理
- 表单输入绑定
- 组件基础
- 组件注册
- Prop
- 自定义事件
- 插槽
- 混入
- 过滤器
- 项目实践
- 标签编辑
- iView
- iView快速入门
- 课程讲座
- 环境配置
- 第3周 Javascript快速入门