走进js运算符与流程控制
前端访问流程
前端的代码是在浏览器运行的，而服务器只是相当于一个文件托管（在在不进行服务端渲染的情况下）。
作用域
作用域不同可以声明相同的变量名，如：
const a = "qwer";
function add() {
const a = "zxcv";
}可以正常运行
变量的声明
在声明变量时，js 会开辟一个内存空间。
const a = "qwer";
const a = "asdf"; //报错
let b = "zxcv";
let b = "dfgh"; //报错
var c = "jjj";
var c = "ggg"; //不会报错这里 a 指向的是字符串qwer的内存空间，而再次声明（同一作用域），则会让变量名指向新的内存空间，而对于const和let是不允许的，用var可以。
对于 Number，String 等原始类型，让变量 1 赋值给变量 2，会直接开辟一块新的内存空间。当变量 1 中内存空间的值改变，不会引起变量 2 的值的改变。
对于 Object 引用类型，让变量 1 赋值给变量 2，变量 2 会指向变量 1 的内存空间，当变量 1 的值发生改变时，变量 2 的值也会改变（浅拷贝）。
let numOne = 1;
let numTwo = numOne;
numOne = 2;
console.log(numOne); //2
console.log(numTwo); //1
const a = { name: "xiaozhou" };
const b = a;
b.name = "xiaoming";
console.log(a); //{name:xiaoming}
console.log(b); //{name:xiaoming}Object.freeze()
对于对象，就算 const 声明对象，但还是可以更改对象属性。
如果不想让对象的属性被修改，可以使用 Object.freeze()方法。
const Host_ = {
url: "xiaoxiao",
port: "3000",
};
Object.freeze(Host_);
Host_.port = "80";
console.log(Host_);const&let 暂时性死区 TDC
var，let，const 都能在编译时进行变量提升，但只有 var 会把值初始化为 undefined。
console.log(a);//undefined
console.log(b);//报错
console.log(c);//报错
var a = 1;
let b = 2;
const c = 3;
console.log(a);//1
console.log(b);//2
console.log(c);//3window 全局对象
如 window.name 是窗口名称，如果用 var 声明变量，可能会覆盖掉 window 全局对象的属性。
函数默认值
ES6开始已经支持默认参数了
function multiply(a, b = 1) {
return a * b;
}
multiply(5); // 5ES6 原生选择器
1.querySelector
element = document.querySelector(selectors);element 是一个 element对象（DOM 元素）。
selectors 是一个字符串，包含一个或是多个 CSS 选择器 ，多个则以逗号分隔。
找到一个后立刻返回找到的第一个节点对象，如果没有则返回 null
2.querySelectorAll
var matches = document.querySelectorAll("div.note, div.alert");找出所有匹配的节点后，返回对应的元素节点数组
js 的一些运算上特性
在给变量赋值时使用逻辑运算符：或||的时候，会将为真（非 0）的值，赋值给变量。
let a = 0;
let b = 2;
let f = b || a;
let g = a || b;
console.log(f); //2
console.log(g); //2可以利用这个特性赋值
let sex = prompt("输入数据") || "保密"; //'保密'是真
console.log(sex); //输入内容非空时（真）,将输入的内容赋值给sex。若为空，则赋值“保密”
// es6中可以用函数参数默认值来实现
function copy(num) {
return "*|".repeat(num || 5);
}
console.log(copy(3)); // 输出*|*|*|（复制三次）
console.log(copy()); // 输出*|*|*|*|*|（复制五次）原生 js 的弹窗
alert() 弹出个提示框 （确定）
confirm() 弹出个确认框 （确定，取消）
prompt() 弹出个输入框 让你输入东西
es6 中的 repeat()
string.repeat () 方法通过将给定字符串复制并连接指定次数来返回一个新字符串。参数为复制的次数。
const s = "*|";
function copy(num) {
console.log(s.repeat(num));
}
copy(3); // 输出*|*|*|（复制三次）es6 对象赋值（对象的解构赋值）
const obj = { name: "xiaozhou", age: "18", weight: "60" };
const { name, age, weight } = obj; //对象的解构赋值
const obj1 = ({ name, age, weight } = obj); //连等是从右往左执行的
console.log(name, age, weight); //xiaozhou 18 60
console.log(obj1); //{ name: 'xiaozhou', age: '18', weight: '60' }
