01-JS基础-基本概念
2018-05-08 本文已影响0人
xiaohan_zhang
JavaScript书写格式
JavaScript 有三种书写格式, 分别是行内式、内嵌式、外链式。 推荐使用外链式, 遵守结构、样式、行为分离。
- 行内式格式(不推荐)
<button onclick="alert('行内式格式');">点我一下</button>
- 内嵌式格式
</body>
... ...
<script type="text/javascript">
alert('内嵌式格式-body');
</script>
</body>
注意:
1）通常将js代码放在body的最后， 因为HTML是从上至下加载，而js代码通常是给标签添加交互(操作元素)，所以需要先加载HTML，否则如果执行js代码时HTML还未被加载，js代码将无法添加交互(操作元素);
2）HTML页面中出现<script>标签后，就会让页面暂停等待脚本的解析和执行。无论当前脚本是内嵌式还是外链式，页面的下载和渲染都必须停下来等待脚本的执行完成才能继续；
3）如果将 js 代码放在 head 标签中, 为了保证执行js代码时HTML一定已经被加载了，那么需要添加一些额外代码。(不推荐)
<head>
<script>
window.onload = function () { // 必须添加这句
alert("内嵌式格式-head");
}
</script>
</head>
- 外链式格式
<script type="text/javascript" src="helloWorld.js"></script>
注：外链式的script代码块中不能编写js代码, 即便写了也不会执行。
常见输出方式
- 在浏览器弹窗中显示内容
alert("alert 弹窗");
prompt("prompt 请输入内容："); // prompt()函数返回值为String
confirm("confirm 请确认");
- 在页面中显示内容
document.write("网页中打印文字");
- 在控制台中显示内容
console.log("控制台输出文字");
console.error("错误信息");
console.warn("警告信息");
注意：JS中严格区分大小写。
注释
- 单行注释
cmd + / - 多行注释
cmd + opt + /
常量
常量表示一些固定的数据，也就是不能改变的数据。
-
常量分类
整型常量：123
实型常量：3.14
字符串常量: 'abc'、"abc"
布尔值：true或false
特殊字符：(例如：\n 换行)
变量
变量表示一些可以变化的数据。
定义变量(声明变量)，任何变量在使用之前，必须先进行定义；
定义变量的目：在内存中分配一块存储空间给变量，方便以后存储数据。
如果定义了多个变量，就会为这多个变量分别分配不同的存储空间。
- 变量的初始化
变量第一次赋值，可以称为“初始化”。
注：如果变量没有初始化, 里面存储的是undefined。
// 先定义，后初始化
var num;
num = 10;
// 定义的同时进行初始化
var num = 10;
// 部分初始化
var a, b, c = 10;
// 完全初始化
var a , b, c;
a = b = c = 10;
// 可以将一个变量的值赋值给另一个变量
var a = 10;
var b = a;
console.log(b); // 10
标识符（变量名）
- 命名规范
1）变量的名称可以包含数字、字母、"_"、$，不能以数字开头；
2）变量的名称要有意义(有利于提高阅读性)；
3）遵守驼峰命名法，首字母小写，第二个单词的首字母大写；
例如: userName、myFirstName
注：标志符js底层采用Unicode编码存储，所以标志符可以是中文，但不要这么用。
