JS基础语法

变量

ES3

var a = 12
a = 13  //变量提升  13

var a = 12  //13
var a = 13  //13

ES6

let b = 100;
b =200; // 块级  200

let b = 100;
let b = 200; // 唯一 块级  语法错误以声名c

const c = 1000;
c = 2000;  //常量 唯一 块级  报错

特殊变量

//创建函数也相当于创建变量
function fn(){}

//创建类（class）也相当于创建变量
class A{}

//es6 模块导入也可以创建变量
import B from './B.js'

ES6 Symbol 唯一值

//symbol 唯一值
let n = Symbol(100)
let m = Symbol(100)
n == m //flase

js命名规范

1.严格区分大小写
2.使用数字、字母、下划线 、$ ，数字不能作为开头

 let $box; //=> 一般用JQ获取以 $ 开头
 let _box; //=> 一般公共变量都是_开头
 let 2box; //=> 不可以 但是可以写box1

3.驼峰命名法：首字母小写，其余每一个有意义单词的首字母都要大写（命名尽可能语义化明显，使用英文单词）

常用缩写字母：增删改查

add/insert/create/new (新增)
update (修改)
delete/del/remove/rm (删除)
sel/select/query/get (查询)
info 信息 item 项目 active 积极的 …

数据类型

基本数据类型

• Number 数值
  • NaN
  • 常规数字
• String 字符串
• Null 空
• undefined 未定义
• boolean 布尔

引用数据类型

• 对象 object
  • {} 普通对象
  • [] 数组对象
  • /^s/ 正则对象
  • Math 数学函数对象
  • data 日期对象

• 函数 function

函数

函数是一个方法或者功能体

函数是把实现某个功能的代码放到一起进行封装

封装减少页面中的冗余代码，提高代码重复使用率（低耦合高内聚）

//=> ES5 老方式
function [函数名]（[形参变量1],....）{

  //函数体基于js完成需要的功能
  
  return [处理后的结果]
}

[函数名]（[形参变量1],....）;

函数返回值

函数执行的时候，函数体内部创建的变量我们是无法获取和操作的，如果想要获取内部信息，我们需要基于
return返回值机制，把信息返回才可以

// 函数的返回值
    function sum(n,m){

        let res = n + m
        
        return res;
        
    }

    let ckzf = sum(10,20)
    console.log(ckzf) //30

匿名函数

//设置点击事件
document.body.onclick=function(){}

//设置定时器
setTimeout(function(){},1000)

//匿名自执行函数，创建完一个匿名函数
(function(n){

})(100)