基础
JavaScript代码镶嵌位置
JavaScript的代码可以镶嵌在网页的任何位置，
不过通常是放在<head>中
- 第一种是直接写，
<script>...</script>包含的代码就是JavaScript代码，它将直接被浏览器执行。
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body>
...
</body>
</html>
- 第二种是放在单独的
.js文件中，然后在HTML中通过<script src="..."></script>引入这个文件：
<html>
<head>
<script src="/static/js/abc.js"></script>
</head>
<body>
...
</body>
</html>
把JavaScript代码放入一个单独的
.js文件中更利于维护代码，并且多个页面可以各自引用同一份.js文件。
可以在同一个页面中引入多个.js文件，还可以在页面中多次编写<script> js代码... </script>，浏览器按照顺序依次执行。
- 有时候会看到
<script>标签还设置了一个type：
<script type="text/javascript">
...
</script>
但这是没有必要的，因为默认的
type就是JavaScript，所以不必显式地把type指定为JavaScript。
编辑器
- Sublime Text
- Notepad ++
运行Javascript
- 在本地调试的时候，
file://开头的地址，因为浏览器安全限制无法执行如联网等Javascript代码。 - 最终还是需要搭建一个Web服务器，然后以
http://开头的地址来正常执行所有Javascript代码。 - 现在在入门阶段还不需要关注这个问题。
调试
- 可以利用chrome浏览器的开发者工具。
基本语法
语句
- 每一个语句以
;结束，但其实并不强制要求，因为引擎会自动添加，但是自动添加有可能会改变程序语意，所以在学习的时候还是不要省略了。 - 因为是以
;结束一个语句，所以一行可以多写几句，但是不建议这样写
var x = 1; var y = 2; // 不建议一行写多个语句!
- 语句块石一组语句的集合，语句块写在
{...}内：
if (2 > 1) {
x = 1;
y = 2;
z = 3;
}
这里语句块是有缩进的，但其实Javascript的语法没有要求缩进，但是缩进可以更好阅读，理解代码。
-
{...}还可以嵌套，形成层级结构：
if (2 > 1) {
x = 1;
y = 2;
z = 3;
if (x < y) {
z = 4;
}
if (x > y) {
z = 5;
}
}
JavaScript对嵌套层级是没有要求的，但是嵌套太多了不方便理解代码。
遇到多层嵌套的时候就应该把代码抽出来，写成函数。
注释
也是有两种，单行和多行。
- 单行
//
// 这是一行注释
alert('hello'); // 这也是注释
- 多行
/*...*/
/* 从这里开始是块注释
仍然是注释
仍然是注释
注释结束 */
网友评论