iOS To Js 入门篇（1）

Resources-to-Get-You-Started-with-ReactJS.jpg

前言

项目需求变化，前端的人手缺少问题，客户端iOS 对于前端的技术转换或者扩展学习编程成为最短时间最快转型需求前提条件。写这个文章用于个人记忆，事后查阅，学习架构完善目的。

前端的技能点

1.UI:CSS
2.布局：Flex
3.Html标签：页面架构
4.第三方js 架构：React-JS
对于入门，前端开发要求的仍然是html css，但是个人感觉看书一天够了。还是实践中不停的碰壁挠头，才能学习前端开发。
React 技术栈
但是个人感觉，等都学习完毕，估计自己也老了。
目前感觉架构中的语言架构很重要---本篇为基础语法常用为了最短的实践入手js 这个坑

ES6

开始学习ES6 都会看到这个网站
ES6--中文
各种用最快的方式过了一边简单记录一下

01 let/const

let 定义的变量不会被变量提升，const定义的常量不可被更改

02 import /export

import 倒入模块/ export 导出模块

03 class/extends/super

类的概念里面，类/继承/继承父类

04 箭头函数

这个从iOS 过来是最迷茫的函数问题，因为常用所以必须弄懂。

let array = [1,2,3]
let netArray = array.map((x)=> {
      x+1
});

当函数有个参数的时候，可以省略掉括号;当表达式一行可以搞定，可以省略{}

05 字符串模版

1 用于字符串拼接 '(name)');
2 用于多行字符串拼接 ''

06 解构

从对象和数组中get 到我想要的变量


let peple = {
  name :'ming',
  age :'20',
  color:['red','blue']
}
let { name1, age1} = people;
let [fisrt , sencod] = people.color;
console.log('${name} ---${age}---${first}');

07 参数中计算

function foo (num = 200) {
    return num;
}

08 rest参数

function foo (x, y, ...rest) {
    retun ((x + y ) * rest.length);
}
foo(1,2,3,4,5,6,7); //(1+ 2)*5

09 展开运算符

1 代表数组的展开

 let color = ['red','blue'];
let colorful = [...color, 'green'];

2 代表数组其他的item

let num = [1,2,3,4,5,6];
let [first, second , ...rest] = num;
rest // [3,4,5,6]

10 对象


function people(name , age) {
    return {
          name,
          age
    };
}

11 promise

fetch('/api/todos')
.then(res => res.json())
.then(data => ({
      data//
}))
.catch(error => ({
  error
}))

12 生成器

生成器返回一个迭代函数
如银行叫号机器的函数

function *itetator() {
 yield  1 ;//stop
yield 2 ;
yield 3;
}

let a =  itetator();
//a 为迭代器
console.log(a.next().value);//1
console.log(a.next().value);//2
console.log(a.next().value);//3

迭代器是对异步编程作用，让函数进行等待，不用嵌套回调。