变量常量的使用方法/合法标识符/作用域/常用的三种函数

1.变量常量的使用方法

1.1 变量声明及使用方法

1.变量是数据的临时保存容器
2.变量是字面量（直接看到的数据，如：10/hello…）的数据复用
3.js 中变量禁止重复声明

//声明变量
let a；
//初始化变量（第一次赋值）
a='初始化赋值';
//结果打印
console.log(a)
//更新（第一次后的所有赋值）
a='更新赋值';
//结果打印
console.log(a)

1.2 常量声明及使用方法

1.常量只能初始化，不能更新，是 js 代码里面的唯一值
2.常量在声明时必须初始化，因为在 js 后续代码中不能对其更新赋值

//声明变量 并 初始化
const APP_NAME = "京东";
//更新常量APP_NAME的值会报错
//APP_NAME = '淘宝'；
//结果打印
console.log(APP_NAME);

2.合法标识符和命名规范

标识符可用的字符:
1.字母, 数字, 下划线, $
2.不能以数字开始

常量遵守标识符的规则,但是为了更快的识别它
1.全部使用大写字母
2.多个单词之间用下划线: USER_EMAIL

变量的命名规则
(1). 驼峰式: username->
1.1 小驼峰: username -> userName 变量,函数(动词+名词: getUserInfo())
1.2 大驼峰: username -> UserName 类,构造函数, 还有一个别名: 帕斯卡命名法

(2) 蛇形命名法
1.username -> user_name
2.常量: USER_NAME

3.作用域

类型	描述
块作用域	范围在两个大括号{ //代码块 }内的代码块就是块作用域
函数作用域	范围在声明函数的私有域，作用于大括号内function(){ //代码块}内
全局作用域	除块作用域和函数作用域外，都是全局作用域，个人理解：前两个作用域是全局作用域的子集

4.常用的三种函数

4.1 命名函数

console.log("命名函数");
function getName(username) {
  return "你好！" + username + "同志";
}
console.log(getName("诺克萨斯"));

4.2 匿名函数

类似于声明变量的方式来声明函数

console.log("匿名函数");
let getName = function (username) {
  return "你好！" + username + "同志";
};
console.log(getName("德玛西亚"));

只用一次的匿名函数，可以用 IIFE: 立即执行函数 阅后即焚 不可重复调用

console.log(
  (function (username) {
    return "Hello, " + username;
  })("灭绝师太")
);

4.3 箭头函数

功能: 用来简化匿名函数,匿名函数的语法塘
1.去掉 “function”
2.在参数列表与后面的代码块(左大括号)之间用胖箭头连接

①当函数只有一个参数时，可以不写圆括号
②当函数能只有一条代码时，可以不写大括号，且可以省略renturn
③当函数无参或1个以上参数时，必须要写括号
④当函数无参时，可以用$和下划线_来替代圆括号

console.log("①当函数只有一个参数时，可以不写圆括号");
let getName1 = (username) => {
return "你好！" + username + "同志";
};
console.log(getName1("德玛西亚"));
console.log("-----------------------------------------");
console.log("②当函数能只有一条代码时，可以不写大括号，且可以省略`renturn`");
let getName2 = (username) => "你好！" + username + "同志";
console.log(getName2("诺克萨斯"));
console.log("-----------------------------------------");
console.log("③当函数无参或1个以上参数时,必须要写括号");
let getName3 = () => "你好！无参写括号";
console.log(getName3());
console.log("-----------------------------------------");
console.log("④当函数无参时，可以用`$`和下划线`_`来替代圆括号");
let getName4 = _ => "你好!无参写_";
let getName5 = $ => "你好!无参写$";
console.log(getName4() + "----------" + getName5());