变量
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 布尔
引用数据类型
函数
函数是一个方法或者功能体
函数是把实现某个功能的代码放到一起进行封装
封装
减少页面中的冗余代码,提高代码重复使用率(低耦合高内聚)
//=> 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)