day-024-twenty-four-20230311-复习-null和undefined场景总结-map的返回值思路-git安装及使用

复习

• 变量声明

    var num;//undefinednum=100;
  

• 在函数外面声明的变量，在外面和函数里面都可以用

• 形参和在函数里面声明的变量，只有里面才可以用

  • 一般函数里需不需要传参，得看场景

• 变量类型

  • 原始值/值/基本数据类型
    • number
      • NaN
    • string
    • boolean
    • null
    • undefined
    • symbol
      • Symbol()
    • bigint
      • BigInt()
  • 对象/引用数据类型
    • Object
      • {a:1,b:1}
    • Array
      • [10,1,12]
    • Function
    • Math
    • Date
    • …

• 变量基本类型相关方法

  • Number()
    • parseInt(‘startHaveNumberString’)
    • parseFloat(‘startHaveNumberString’)
    • isNaN() 判断一个入参是不是有效数字
    • toFixed()
  • String()
  • Boolean()

• 关于对象

• typeof

  • 返回基本数据类型名称，就是’object’可能为null。

• 相等与全等

  • === 绝对相等、恒等、全等，没有数据类型转换
  • == 相等

• 隔行变色

• 函数

  • function fn(){}
  • var fn = function(){}
  • 函数里面的代码一定是调用后执行
  • 实参与形参
    • 调用必定为实参
    • 声明时必定为形参
      • 形参只能在函数里面用
  • 返回值
    • 返回了具体值或运算表达式，结果就是这些返回的
    • 没返回
  • 实参的接收
    • arguments
    • 形参接收
    • 扩展运算符接收
  • 自调用函数
  • 数组
    • 声明、查、增、删、改
    • 多维数组
    • 链式调用
    • 数组的方法
      • map的返回值思路

排序与去重回顾

排序

  const array = [1, 2, 3, 5, 5, 6, 9, 8, 7, 1, 0, 1, 2, 5, 4, 69, 87];console.log(array);const mySort1 = (ary = []) => {for (let i = 0; i < ary.length - 1; i++) {for (let j = i + 1; j < ary.length; j++) {if (ary[i] > ary[j]) {const item = ary[i];ary[i] = ary[j];ary[j] = item;}}}return ary;};console.log(mySort1(array.slice()), "冒泡排序");const mySort2 = (ary = []) => {if (ary.length <= 1) {return ary;}const res = [ary[0]];for (let i = 0 + 1; i < ary.length; i++) {const getItem = ary[i];for (let j = res.length - 1; j >= 0; j--) {if (getItem > res[j]) {res.splice(j + 1, 0, getItem);break;}if (j === 0) {res.splice(0, 0, getItem);break;}}}return res;};console.log(mySort2(array.slice()), "插入排序");const mySort3 = (ary = []) => {if (ary.length <= 1) {return ary;}const centerIndex = Math.floor(ary.length / 2);const centerItem = ary.splice(centerIndex, 1)[0];const minArray = [];const maxArray = [];for (let i = 0; i < ary.length; i++) {const getItem = ary[i];if (getItem < centerItem) {minArray.push(getItem);} else {maxArray.push(getItem);}}// return mySort3(minArray).concat(centerItem).concat(mySort3(maxArray));return [...mySort3(minArray), centerItem, ...mySort3(maxArray)];};console.log(mySort3(array.slice()), "快速排序");

去重

  const array = [1, 2, 3, 5, 5, 6, 9, 8, 7, 1, 0, 1, 2, 5, 4, 69, 87];console.log(array);const handerRepeat1 = (ary = []) => {for (let i = 0; i < ary.length; i++) {const getItem = ary[i];for (let j = i + 1; j < ary.length; j++) {if (getItem === ary[j]) {ary.splice(j, 1);j--;continue;}}}return ary;};console.log(handerRepeat1(array.slice()).sort((a, b) => a - b),"利用全等操作符===去重");const handerRepeat2 = (ary = []) => {const obj = Object.create(null);for (let i = 0; i < ary.length; i++) {const getItem = ary[i];if (obj[getItem] === undefined) {obj[getItem] = i;continue;}ary[i] = ary[ary.length - 1];ary.length--;i--;}return ary;};console.log(handerRepeat2(array.slice()).sort((a, b) => a - b),"利用对象属性唯一性去重");const handerRepeat3 = (ary = []) => {for (let i = 0; i < ary.length; i++) {const getItem = ary[i];if (ary.indexOf(getItem, i + 1) === -1) {continue;}ary[i] = ary[ary.length - 1];ary.length--;i--;}return ary;};console.log(handerRepeat3(array.slice()).sort((a, b) => a - b),"利用includes()及indexOf()等方法去重");

null和undefined场景总结

• null的场景
  1. 对象属性伪删除 obj.property=null
  2. 三元占位 a<10?a=10:null
  3. 获取不到元素，也是null document.getElementById('fang')
  4. 上一个兄弟节点如果没有，也是null document.head.previousElementSibling
  5. 不确定一个变量具体数据类型的时候，可以先赋值为null，后面可以再给具体的值 var variable = null
• undefined的场景
  1. 声明变量没有赋值 var num
  2. 形参没有实参对 (fang=(a,b,c)=>{return 5})(1,2);//形参c此时为undefined
  3. 函数调用没有return返回值是undefined var fang = (fang=(a)=>{})(1);
  4. 函数调用写了return，没有内容，也是undefined var fang = (fang=(a)=>{return})(1);
  5. 获取对象中一个不存在的属性名，值是undefined obj.notProperty

map的返回值思路

function map(theArray = [], callback = () => {}) {const res = [];for (let i = 0; i < theArray.length; i++) {const item = theArray[i];const index = i;const selfArray = theArray;const callbackReturn = callback(item, index, selfArray);res[res.length] = callbackReturn;}return res;
}

案例

随机抽奖

倒计时

git安装及使用

1. 找到git官网

2. 点击对应版本的下载，进入新页面
   [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GB0ei4wl-1678549346214)(./点击对应版本的下载.png)]

3. 安装，一直点击下一步。直到安装完成

4. 在特定文件夹里右键点击并点击Git_Bash_Here。
   [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pVCQD0Q0-1678549346215)(./在特定文件夹里右键点击并点击Git_Bash_Here.png)]

5. 在Git_Bash里查看当前git版本

   git --version
   

   • 实际上能打开Git_Bash就基本上算是安装完成了。
     • 查看版本的目的是确定当前git版本是否就是自己安装的。并顺便看看git指令是否正常。

gitee

1. gitee官网注册一个帐号

2. gitee邮箱绑定

3. 在gitee.com上新建仓库

4. 配置git全局属性，一般只用设置一次。如果之前已经配置了，这步不用做。

   //设置用户全局名称，提交代码时用到
   git config --global user.name "fangchaoduan"
   //设置全局邮箱，提交代码时也用到
   git config --global user.email "fangchaoduan@163.com"
   查看当前自己当前配置，可以用来看自己的配置过那些全局设置。
   git config --list
   

5. 查看自己当前配置，可以用来看自己配置过那些当前配置。

   //查看当前配置，可以用来看自己在当前目录中的配置过那些设置。
   git config --list
   

   • 因为有时候配置太久了。多少会忘记是否已经配置好了，所以打印看一下。

6. 在本地创建新项目根目录或直接进入旧项目根目录，git bash here打开git命令终端窗口

7. 在项目根目录上git init新建git仓库

8. git add .进行保存

9. git commit -m '本次提交的注释说明'进行提交

10. 按要求进行配置

    • 如果是第一次连接gitee，那么可能在git remote .....这一步里要输入帐号与密码，按提示直接输入gitee.com的帐号与密码就可以了。
      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZA7kYwTR-1678549346216)(./输入远程仓库帐号密码.png)]
      • git remote -v 查看有没有关联上
    • git push -u origin 'master' 把本地代码推送到远程仓库

11. 修改了代码，想推上去，重新执行git add .与git commit -m '本次提交的注释说明' 进行本地提交

12. git push 重新推送本地最新的提交到远程仓库

git流程说明汇总

想要将自己本地的文件夹 推送到git上去

1. 在本地创建文件夹a，写代码
2. 在文件夹a里面git init
3. git add . 保存
4. git commit -m '注释'
5. 去gitee网站里面创建仓库（右上角有个加号）
6. 在git bash here那里输入git remote ..... (git remote -v 查看有没有关联上)
7. git push -u origin 'master'(第一次需要一大堆)
8. 修改了代码，想推上去，重新执行3与4
9. git push

想把别人代码拿到

前提: 别人会把仓库地址给你仓库是公开的

1. 右键 git bash here
2. git clone 地址
3. 如果人家修改了代码，想要最新的代码 git pull

git报错

$ get add .
bash: get: command not found //表示命令找不了，大概率是文字拼错了。

如果不懂，直接把报错命令bash: get: command not found复制去百度或谷歌去找。

进阶参考

1. ES6 入门教程 - 阮一峰
2. css世界 - 阮一峰
3. 网道 / WangDoc.com - ES6 入门教程 - 阮一峰
4. gitee官网