前端基础----JS

前端三件套之JS（javascript）

编程语言：数据类型/结构、运算、流程（分支、循环）

#开发环境
  开发软件：notepad
 运行的环境：浏览器、nodejs(内部都集成了js的解释器) 

#编程规范
 -注释
   //单行注释          /*  */ 多行注释
 -关键字 
    在当前的编程环境中已经被定义好的单词或者词组
    比如：public  static  class  void

 -代码命名规范
  -一定要遵守的规则
    命名必须使用英文大小写、数字、美元符、下划线_构成
    并且不能以数字开头

 -业内一起遵守的规范（尽量）
   变量名：小驼峰 首字母小写，从第二个单词开始首字母大写
   例如：helloWorld
   函数名：小驼峰

#书写位置
 -写在标签的事件属性中
    <div οnclick="js代码"></div>
  注意：事件属性中一般不会写很多代码，只会写一行代码（调用函数）
 
 -写在页面<script></script>标签中
  -<script>
     JS代码
     </script> 

-写在外部的js文件中     js
 通过script标签将js文件引入进来

#js的测试方法
 -在控制台打印信息
   console.log("信息")
 -使用浏览器自带的弹窗
   alert(“信息”)
 -直接在页面上输出（前提：页面上没有任何元素） 
   document.write(“信息”)

#数据类型（弱类型）
 弱类型：
      在定义变量时不需要使用特定的单词进行类型的定义，js统一使用var
      在使用变量时，变量的值可以随时赋值称任意的类型   var a = ; a = []
 
 -基本类型
    整数    浮点数（小数）   字符串“ ”  ’ ‘     布尔类型true/false

 -引用类型
    数组、函数 （方法）、对象

 -特殊类型
    null(空指针)   NaN(Not A Number)   undefined(未定义)

#运算符
 -数学运算符 + -* ？ %取余/模
   除法中两个整数相除 10/3=3（商）.....1（余数）  10%3=1

 -关系判断运算
    > <  >=  <=  ==  !=   ===全等
 ==  只比较值是否相等  1 == “1”
 ===先比较数据类型，再比较值

 -逻辑判断运算
   并且&&    或者||    取反/非 ！

 -赋值运算
   a = b  将 b 的值 赋值 给 a

 -拼接运算
   +如果加号的左右两边都是数字的类型，那就是数字加法运算
     如果加号的左右两边有一边不是数字的类型，都是拼接运算（最常见）
 
 -三元运算
   A?B:C
 作用：分支判断
  A：一句条件判断
  B:如果A成立，就会执行B的代码
  C：如果A不成立，就会执行C的代码

#js的函数
 -数学中的函数定义
    f(x) = x+1
  f(1) = 2

  f：定义函数的关键字
     （x):参数列表
           =:函数的内容的符号
         x+1:函数的内容  函数体
 
 -编程中定义的函数
   function 函数名（）{

 -函数的内容（代码）

  }
 
 -函数的调用
    函数名（）

 -代码的作用域
     一个数据的有效生成范围
     局部作用域：定义在函数内部的数据，有效范围就在函数内部
     全局作用域：定义在函数的外部， 有效范围是整个页面，任意一个函数都可以获取

补充：
一、js如何进行取整方案
//丢弃小数部分，保留整数部分
  parseInt()
//向上取整，有小数就有整数部分
   Math.ceil()
//四舍五入
  Math.round()
//向下取整
  Math.floor()
  
二、js如何保留指定位数的小数
//使用toFixed()
  -toFixed方法会将数字转化成字符串，并指定小数后几位数。如果小数实际的位数不够，不足的部分会补零
    -toFixed使用的是银行家舍入规则：四舍六入五取偶
    例如：var num=(5/3).toFixed(2);     //结果是1.67