前端学习路线图01

前端学习路线图之变量知识整理，包括：js的概念、js的主要组成部分、js的发展史、js引入的三种方式。

前端了解

• js
  • js的概念
  • js的主要组成部分
  • js的发展史
  • js引入的三种方式
    • 行内
    • 内嵌
    • 外链
  • 调试方法
    • console.log()
    • alert()
  • 变量
    • 变量概念
    • 创建变量的六种方式
    • js的命名规范
  • 数据类型
    • 基本数据类型
      • number 数字
        • 数据类型
          • 数据类型：正数、负数、小数、0、NaN
          • 把其他数据类型转换为number数字类型
            • Number(要转换的数据)
              • ● 1）—基本数类型转换 ○ 字符串转数字： ■ 空字符串:0 ■ 只包含了数字的字符串：纯数字 ■ 包含了非有效数字：NaN ○ 布尔： ■ true:1 ■ false:0 ○ null:0 ○ undefined:NaN ● 2）—引用数据类型转换 先隐式调用toString这个方法，转化为字符串，再转数字
            • parseInt() 转换成整型
            • parseFloat() 转换成浮点型
            • 都是从左到右进行查询，遇到非有效数字停止，parseInt转化为整数，parseFloat转化为浮点数
          • isNaN(数据)：判断一个数据是否是一个有效数据
            • 返回结果是布尔数据类型，若返回值是： ● true 就说明是非有效数字 ● false 说明是有效数字 isNaN主要用来检测number数据类型是不是非有效数字，如果检测的数据是非数字类的，会隐式调用Number这个方法
      • string 字符串
        • 概念：把字符用单引号/双引号包起来
          • ○ 得到字符串长度：str.length ○ 索引：每个字符都有一个下标，叫做索引，索引是从0开始的 ■ 第一个字符索引：0 ■ 最后一个字符索引：【变量】.length-1 ■ 获取当前索引位置对应的字符：【变量】【索引值】，例如下面的：a[0] ○ 得到某个索引对应的字符：str[索引]，最后一个字符：str[str.length-1]
        • 字符串的加减乘除
          • 规律:除了加法比较特殊，剩余的减、乘、除都是转为number再运算 加法里面遇到字符串一般情况下都是进行拼接，比较特殊的:(不会考，考的话就考拼接) ● ++i/i++ 数学运算 ● +"1" 数学运算 可以巧用这个把字符串转数字 （加法里面遇到字符串一般情况下都是进行拼接，如果是引用数据类型，会隐式调用Number这个方法， 因为是引用数据类型，所以会隐式调用toString这个方法，调完之后还没来得及转number，就直接进行拼接了(引用数据类型调用toString进行)）
      • boolean 布尔
        • true
        • false
        • 把其他数据类型转为布尔
          • ○ Boolean(数据)：转为布尔数据类型 ○ !数据：转为布尔数据类型之后再取反 ○ ！！数据：转为布尔数据类型之后取反再取反（等于第一种）
          • ● 转为值的规律： 除了以下五种情况转换的结果是false，剩余的都是true（必须记住） ○ null ○ "" ○ NaN ○ undefined ○ 0
      • null 空对象
      • undefined
      • 相同点： ● 都是基本数据类型，都存在栈内存中，都表示空、没有的意思 不同点： ● undefined ：变量声明了，但是没赋值，默认值就是undefined ● null：表示一个变量，将来可能会指向某个对象，但是目前还不确定空间地址，可以先赋值为null,或者是主动释放对象的引用
      • 以后具体的场景运用： ● null 是空的对象指针: ○ 1、在我们不确定一个变量具体数据类型的时候，我们可以先赋值为null，后面可以再给具体的值。 ○ 2、获取页面中不存在的元素时候 ○ 3、如果我们想要清除对象的空间地址时候，我们可以赋值为null ● undefined表示”缺少值”，就是此处应该有一个值，但是还没有定义，undefined 出现的场景： ○ 1、只声明了，没有定义 ○ 2、在获取对象中没有的属性对应的属性值时 ○ 3、函数里面给了形参，但是调用的时候，没有传实参 ○ 4、函数没有设置返回值的时候
      • symbol
      • bigInt
    • 引用数据类型
      • object 对象
      • function 函数