演示JS中变量常量与函数的声明与使用过程

1.变量常量

1.1变量

//1.变量
//分号可选
let username = "pavin";
//2.函数
function getUserName(username) {
  //函数体
  return "Hello," + username;
}
//调用函数
console.log(getUserName(username));
console.log("---------------------");
// 1.变量:数据复用
//2.函数：操作复用

1.2 常量

//1.字面量
"pavin", 100, [10, 20, 30], { x: 1, y: 2 }, function () {};
//2.变量
//声明+赋值(初始化)
//let a
//a=100
let a = 100;
console.log("a=", a);
//更新（第二次及以上的赋值)
a = 200;
console.log("a=", a);
console.log("--------------------");
//3.常量 const
const USER_NAME = "Pavin";
console.log("USER_NAME=", USER_NAME);
//常量禁止更新

2.函数的声明与使用过程

//1.命名函数
//声明
function sum1(a, b) {
  return "a + b=" + (a + b);
}
//调用:声明后
console.log(sum1(1, 2));
//必须遵循"先声明，后使用"原则，声明提升违背了该原则
console.log("------------------------");
//2.匿名函数
//const,let 没有声明提升的效果
const sum2 = function (a, b) {
  return "a + b=" + (a + b);
};
console.log(sum2(3, 4));
//以后，首选匿名函数
console.log("----------------");
//3.箭头函数
//匿名函数的语法糖(简化)
//语法:删除function,(...)=>{...}
let sum3 = (a, b) => {
  return "a + b=" + (a + b);
};
console.log(sum3(5, 6));
//只有一条return,可不写{....}
sum3 = (a, b) => "a + b=" + (a + b);
console.log(sum3(7, 8));
// 只有一个参数，（....）也可不写
sum3 = (username) => "hello," + username;
console.log(sum3("Pavin"));
//没有参数，(...)必须写
sum3 = () => "hello,你好";
console.log(sum3());
//箭头函数与匿名函数的最大区别:没有自己的this
console.log("----------------");
//4.立即执行函数(IIFE)
//一个语法，用(....)包住 就转为"表达式"
let res = (function (a, b) {
  return "a + b=" + (a + b);
})(9, 10);
console.log(res);