【学习打卡】第2天 RN入门到进阶 ES基础2

RN入门到进阶，打造高质量上线App 2-5 ES6，ES7，ES8学习指南

内容描述：本课程从0开始讲述用RN开发一款github阅读APP
学习心得： 目前处于巩固基础知识截断，学习如何用RN编写类 以及函数

本章目标：

完成RN开发环境搭建
熟悉ES基础语法
掌握RN调试技巧
熟悉VS Code开发RN的一些使用技巧

//模板字符串
var  name = "you name is ${first},{last}"


//解构赋值
var foo= ["one","two","three","four"]
var ["one","two","three"] = foo;
var [first,,,last] = foo;

var a ,b; //先声明
[a,b] = [1,2];
[a = 5,b=7] = [1]; //设置默认值
[a,b]= [b,a] //交换值

//获取对象中的值

const student = {
 name = 'Ming',
 age ='18',
 city = 'shanghai'
}
const{name,age,city} = stdent;

//延展操作符 ... 可以在函数调动时，将数组或者String在语法层面展开，还可以在构造对象时，将对象表达式按照
//key-value的方式展开

//函数调用
myFunction(...interableObj);
//数组构造或字符串
[...interableObj,'4',...'hello',6];

//构造对象时，进行克隆或者属性拷贝
let objClone = {...obj};


//应用场景：
function sum(x,y,z){
return x+y+z;
}

const number = [1,2,3]
 //不适用延展操作符
 sum.apply(null,number);
 //使用延展操作符
 sum(...number);


const student = ['jine','Tome'];
const persison = ['Tony',...student,'Aaron'];

//数组拷贝
var aar = [1,2,3];
var aar2 = [...arr];
aar2.push(4);
//数组拷贝
var arr1 = [1,2,3];
var aar2 = [3,4,5];
var arr3 = [...arr1,...arr2]

在React中的应用
<CustomComponent name='jine' age={21} />
const params = {name:'Jine',age:21};
<CustomComponent {...params} />

//配合解构避免传入一些不需要的参数
var param = {name:'123',title:'456',type:'aaa'};
var {type ,...other} = param;
<CustomComponent type='normal' number={2}, {...other}/>

//ES6中允许设置对象的属性的时候不指定属性名
const name = 'ming', age='18' ,city='shanghai';

const student = {name,age,city}

//Promise 异步变成解决方案

var waitSecond = new Promise(function(resolve,reject){
	setTimeout(resolve,1000);
});

waitSecond.then(function(){
	conslole.log("Hello"); //1秒后输出 
	return waitSecond;
}).then(function(){
	console.log("Hi"); //2秒后输出
	
});