2021-06-07 JS之ES6新语法

JS之ES6新知识

一：函数默认值

我们都知道当一个函数没有行参，也没有传参时，我们的变量就没有值，所有这个时候我们就需要给里面的变量一个默认的值
1：ES5函数默认值写法

 function fn(a){
             // 如果函数参数没传递，需要一个默认值 10
             a = a || 10 // ES5语法
             console.log(a)
          }

2：ES6函数默认值写法

function fn(a = 10){ 
            // 如果函数参数没传递，需要一个默认值 10
            console.log(a)
        }

二：解构赋值

1：解构对象

let obj = {
            name:'小明',
            age:23,
            gener:'男'
        }

        // let name = obj.name
        // let age = obj.age
        // let gener = obj.gener

        let {name,age,gener} = obj  // 将对象obj中大括号对应名称的属性或方法进行解构赋值

2：解构数组

let arr = ['jack','rose','tom','lili'];
let [a,b,c,d] = arr;

ps:解构对象对应属性名对应相应的的值，属性名不能自定义，

三：模板字符串

作用及特性
1：可与单双引号作用相同

let str = `hello`

2：在模板字符串书写变量的语法${变量名}
3：换行不需要加换行符

四：展开运算符

作用：展开合并数组对象
语法：…数组名/对象名

五：对象字面量简化写法

对象中属性名与 属性值对应的变量同名时使用，可简写其中一个；

六：JSON数据交换格式

1：定义：轻量级的数据交换格式
作用：(1)：复杂数据组织；
(2)：前后端数据交换。
2：语法
(1)：JSON字符串

let jsonStr = "{'name':'jack','password':123456}"

(1)：JSON对象

let person = {name:'小明', age:23}

3：使用场景
1：交换传输时，只能用JSON字符串形式语法
2：开发时，用JSON对象语法
4：访问对象属性的方式
1：点语句 对象.属性
2：中括号 对象[属性]
ps:对象属性为变量时只能用[ ];
6:JSON数据解析(转换)
1：JSON.parse( ) JSON字符串转JSON对象;
2：JSON.stringify( )JSON对象转JSON字符串

七：本地存储localStorage

1：持久化数据指的是硬盘里面的数据
2：保存数据语法

localStorage.setItem('name','admin');

3：取数据

localStorage.getItem('name');

4：删除数据

localStorage.removeItem('name');

5：存储对象需要转化为JSON.stringify( )字符串；
取回使用时需要转回JSON对象JSON.parse( );
6：清除所有键值对/数据

localStorage.clear();

😀😀😀😀😀😀😀😀😀