01-JS基础-基本概念

JavaScript书写格式

JavaScript 有三种书写格式, 分别是行内式、内嵌式、外链式。 推荐使用外链式, 遵守结构、样式、行为分离。

• 行内式格式(不推荐)

点我一下

• 内嵌式格式

... ...

注意:
1）通常将js代码放在body的最后， 因为HTML是从上至下加载，而js代码通常是给标签添加交互(操作元素)，所以需要先加载HTML，否则如果执行js代码时HTML还未被加载，js代码将无法添加交互(操作元素);
2）HTML页面中出现

• 外链式格式

注：外链式的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编码存储，所以标志符可以是中文，但不要这么用。

参考极客江南https://www.jianshu.com/p/8e27ddc1c39d