2021-04-26，JS基础知识

1. JS的引入的三种方式

   // 第一种书写方式    行内式
   <a href='#' onclick = "alert('haha')">点我</a>
   
   // 第二种书写方式    内部书写
   <script>//在这个标签里书写噢</script>
   
   // 第三种书写方式    外部引入
   // 通过以下方式书写
   <script src='./index.js'>//注意这里面不能在书写js代码了</script>

2. JS的书写位置

   // 第一种 书写在head标签中
   
   // 第二种 书写在body标签后面
   

3. JS的组成的JS的输出方式

   console.log()  输出到控制台
   console.error()  认为输入错误信息打印到控制台
   document.write()   打印到页面
   
   prompt()    弹出输入框 获取到的数据是字符串型
   alert()     弹框
   confirm()   弹出确认框 返回值是布尔类型 
   

4. JS变量声明的规则

   可以用 字母 数字 下划线(_) 美元符号($)组成
   严格区分大小写
   不能由数字开头 不要用中文汉字
   不能是保留字 关键字
   不要出现空格
   
   
   变量名尽量语义化
   遵循驼峰命名规则

5. JS数据类型

   基本数据类型
       
       数值类型(Number)
       字符串类型(String)
       布尔类型(true/false)
       空类型(null)
       undefined类型
   
   复杂数据类型
       
       Array
       Function
       Data
       ...
   

6. 运算符

   数学运算符
       
       加+ 减- 乘* 除/ 取余%
   
       加等于+= 减等于-= 乘等于*= 除等于/= 取余等于%=
   
       赋值= 比较值== 比较值和数据类型=== 值是否不等!= 值和类型是否不等!== 大于> 大于等于>= 小于< 小于等于<=
   
   逻辑运算符
       && 且
           两边都为true才是true  一边为false即都为false
   
       || 或
           哪边是true返回哪个 两边都是false才是flase
   
       ！ 非
           取反 本身是true 会变成fasle 本身是false 会变成true
   
   自增自减运算符
       ++前置/--前置
           先加1在运算/先减1在运算
       后置++/后置--
           先运算在加1/先运算在减1
   
   三元运算符
       条件表达式？表达式1：表达式2
       条件表达式为true返回表达式1 为flase返回表达式2
   
   优先级从高到底
       1 () 优先级最高
       2 一元(单目)运算符:++,--,!
       3 算术运算符: 先*,/,%  再+,-
       4 关系运算符:>,>=,<,<=  
       5 相等运算符:==,===,!=,!==
       6 逻辑运算符:先&&，再||
       7 赋值运算符
       口诀:单目算术位关系，逻辑三目后赋值
       
       

7. 选择语句

   if(条件){ 代码 }
   
   if(){}else{}
   
   if(){}else if(){}else{}
   
   ....