JS基本语法2：数据/函数/命名规范/数据类型

javascript的基本知识

一、数据

1 变量: let, 声明,初始化,更新
2 常量: const, 声明时必须初始化,禁止更新
以后编程时, 首选常量,除非确定以后这个值会更新
(1) 变量
变量的概念：是存储值的容器。要声明一个变量，先输入关键字 let 或 var
var 可以重复声明多个同名的变量，不严谨，不用或少用。

// 变量声明的过程
// 1.声明
let userName;
//2.初始化，给声明的变量赋值
userName = "ABC";
//3.使用变量，比如将变量输出
console.log(userName);
//4.修改或更新变量的值
userName = "1234";
console.log(userName);
//通过情况，javascript变量的声明与初始化合并
let uName = "4567";

(2)常量
通过关键const来声明常量,创建常量必须初始化

const a = 5;
console.log(a);

二、函数

函数概念:函数是 JavaScript 中的基本组件之一。
一个函数是 JavaScript 过程 — 一组执行任务或计算值的语句。
要使用一个函数，你必须将其定义在你希望调用它的作用域内。
先声明，再使用
函数分类 命名函数/匿名函数/箭头函数/立即执行函数(IIFE)

• 命名函数: function
• 匿名函数: 函数表达式,变量化,无提升
• 箭头函数: 匿名函数的简化
• 立即执行函数: IIFE, 阅后即焚,一次性的

(1) 命名函数
声明的关键字:function
命名函数，声明会自动提升到顶部

function sum(a, b) {
  return "a + b =" + (a + b); //在JS中，字符的拼接使用+号
}
console.log(sum(4, 3));

JS可以使用‘模板字面量’语法来解析字符串的变量；
将字符串的定界符双引号或单引号（“”或‘’）,换成反引号(``)

function sum1(a, b) {
  return `${a} + ${b} =` + (a + b); //在JS中，字符的拼接使用+号
}
console.log(sum1(10, 20));

(2) 匿名函数
以声明变量的方式来声明函数
匿名函数：也叫 “函数表达式”，
使用它后，没有了函数声明提升顶部，确保必须先声明再使用
尽量 使用 匿名函数（函数表达式）

let sum2 = function (a, b) {
  return `${a} + ${b} =` + (a + b);
};
console.log(sum2(30, 50));

(3).箭头函数：匿名函数的简化
1.删除关键字function
2.在(参数列表)与{代码块}之间用 “胖箭头”=>连接

let sum3 = (a, b) => {
  return `${a} + ${b} =` + (a + b);
};
console.log(sum3(60, 40));
console.log("----------当传的参数不够时，可以使用默认参数---分隔线-------");
let sum4 = (a, b = 0) => {
  return `${a} + ${b} =` + (a + b);
};
console.log(sum4(30));
console.log("----------只有一个参数时，括号可以不写---分隔线 -------");
sum4 = (user_name) => {
  return `Hello, ${user_name}`;
};
console.log(sum4("javascript"));
console.log("----------当没有参数时括号不能省---分隔线 -----------");
sum4 = () => {
  return `Hello,朱老师`;
};
console.log(sum4());
console.log("---当只有一行代码，可以不写return ,{...}也不用---分隔线 -------");
sum4 = () => `Hello,张老师`;
console.log(sum4());
sum3 = (a, b) => `${a} + ${b} =` + (a + b);
console.log(sum2(100, 200));
sum3 = (a, b) => a + b;
console.log(sum2(200, 800));

(4).立即执行函数

立即执行函数：将声明和调用二合一，声明完立即执行
将函数声明使用括号括起来，转为了可计算的表达式
前面需要加;或+

+(function sum6(a, b) {
  console.log(`${a} + ${b} =` + (a + b));
})(20, 40);
//匿名函数可以不用名字
(function (a, b) {
  console.log(`${a} + ${b} =` + (a + b));
})(120, 80);
//可以改为箭头函数
((a, b) => {
  console.log(`${a} + ${b} =` + (a + b));
})(133, 80);
//因为只有一行代码，{...} return
((a, b) => console.log(`${a} + ${b} =` + (a + b)))(190, 80);
//模板字面量 提示可以不用，最后 简写
((a, b) => console.log(+(a + b)))(320, 80);

三、标识符命名规范

1. 标识符: 变量,常量,函数,对象,方法,类,模块…
2. 标识符: 关键字,保留字(暂时未启用为以后语言扩展服务),自定义
3. 命名规范
   • 仅允许四类字符: 字母(a-z,A-Z),数字(0-9),_,$
   • 不能以数字开头
4. 命名风格: 驼峰(大,小), 蛇形(大,小) java_Name_serv

注: 尽量用英文,不要用中文,包括文件名,目录名

四. 原子类型（数据类型）

1. number: 数值
2. string: 字符串
3. boolean:布尔
4. null: Null 类型
5. undefined: Undefined 类型