//复习 1 .块级作用域  let 和const  2 变量结构  默认值 一般往后写  rest参数(了解)  箭头函数(重要)(x,y)=>{} 3.map 存储高级键值对  4.set集合(去重)
//集合内不存在重复
//es5 es6
console.log('----------------start----------------');
//1.块级作用域
//{
//    let a;

//}
// let 和 const 命令
// var声明变量放弃使用
//let 声明变量(node.js)
var a = 1;
{
   var a = 2;
   var b = 4;
   console.log(a);
}
console.log(a);

let f = 1;
{
   let f = 2;
   let g = 4;
}
console.log(f);

//等号左右结构一致可以赋值
let[a1,a2,a3]=[1,2,3];
console.log(a1+"---"+a2+"---"+a3);

const 声明常量
const c=5;

console.log(c);

let person={
   name:'guodongsheng',
   age:'21'
};
let{name,age}=person;
console.log("姓名:"+name+'年龄:'+age);

4 函数扩展 给函数加默认值

怎么样给x设置一个默认值
function test1(x=1) {
   console.log(x);
}

   test1();
   test1(100);

函数参数的个数不确定 如何初始化

function addNumbers(...values) {
   let sum = 0;
   for (let v of values) {
       sun += v;

   }
   return sum;
}

console.log(addNumbers(1,2,3));
console.log(addNumbers(1,2,3,4));

4.1 箭头函数
let func=(x,y) => {
   return x + y;
}

function comPute(x,y,f) {
   return f(x,y);
}

//let s=comPute(1,3, (x, y) => { return x + y; })
let s=comPute(1,3,func)

console.log(s);

5 数据结构--map
let m = new Map();//键值对 存储键值对

let person={
    name:'guodongsheng',
    age:'21'
};

// map和js对象都是存储键值对 但js对象的key只能是string 但map对象的key可以是任意

let teacher=
{
    name:'xuying',

    tel:'2222'
}

m.set(person,teacher);
console.log(m);

集合  没有重复 没有顺序
let s = new Set();

s.add(1);
s.add(1);
s.add(2);
s.add(2);

console.log(s);

//6 class  属性 方法   //属性不需要定义直接使用  //方法需要声明

class student
{

    // 构造函数 constructor  当对象创建的时候 自动调用 constructor constructor  constructor

    constructor()
    {
        //1 调用父类的constructor 如果有父类 super();

        //2设置属性初始值
        this.name='';//什么都不写为空 不分配的话是undefined
        //3 绑定自身函数
        this.SayHello=this.SayHello.bind(this);

    }
    SayHello(){
        console.log('my name is '+this.name);
    };
}
let s =new student();
s.name="guodongsheng";//属性不需要定义

s.SayHello();

console.log(s.name);

// 7.继承关系 extends  

class xiaoming extends student//类
{
    constructor()
    {
        //1 调用父类的constructor 如果有父类 super();
        super();
        //2设置属性初始值
        this.name='xiaomingxiaoming!!!';//什么都不写为空 不分配的话是undefined
        //3 绑定自身函数
        this.SayHello=this.SayHello.bind(this);

    }

    //开启异步
    start(callback){
        this.callback=callback;
        setTimeout(this.end.bind(this));
    }

    end(){
        console.log('end');
        if(this.callback)
        {
            this.callback();
        }

    }
}
 let t=new xiaoming();
 t.start(()=>{
    console.log('finish');
 });
 //箭头函数

//创建对象
let t =new xiaoming();
//t.name='xiaoming';
t.age=18;
t.SayHello();

//8.异步操作  callback();  Promise

class DoTaskPromise
{

    start(){

        console.log('Promise start');
        let promise=new Promise((resolev,reject)=>{
            setTimeout(()=>{
                resolev();
            },20000)
        })
        return promise;
    };
}

let u=new DoTaskPromise();
    u.start().then(()=>{
    console.log('Promise  end');
});

class DoTask
{
    //开启异步
    start(callback){
        console.log('callback start!!!');
        this.callback=callback;
        setTimeout(this.end.bind(this),10000);
    }

    end(){
        console.log('callback end!!!');
        if(this.callback)
        {
            this.callback();
        }

    }
}
 let v=new DoTask();
 v.start(()=>{
    console.log('callback  finish!!!');
 });

//8.异步操作 callback(); Promise class DoTaskPromise { start(){ console.log('Promise start'); let promise=new Promise((resolev,reject)=>{ setTimeout(()=>{ resolev(); },20000) }) return promise; }; } let u=new DoTaskPromise(); u.start().then(()=>{ console.log('Promise end'); }); class DoTask { //开启异步 start(callback){ console.log('callback start!!!'); this.callback=callback; setTimeout(this.end.bind(this),10000); } end(){ console.log('callback end!!!'); if(this.callback) { this.callback(); } } } let v=new DoTask(); v.start(()=>{ console.log('callback finish!!!'); });

本人第一次写博客,以上内容全来自己手写,如果想交流可以加入:石家庄ReactNative交流群 526955818

react配置之浅谈的更多相关文章

  1. Linux CentOS下MySQL的安装配置之浅谈

    前期必备安装:VMware虚拟机,CentOS镜像[注意:Linux下使用CentOS   MySQL是不用在官网下载的,只需要配置就OK了] 下面开始正式操作: //CentOS安装MySQL之浅谈 ...

  2. mysql配置优化浅谈(一)

    MySQL对于web架构性能的影响最大,也是关键的核心部分.MySQL的设置是否合理优化,直接影响到web的速度和承载量!同时,MySQL也是优化难度最大的一个部分,不但需要理解一些MySQL专业知识 ...

  3. 浅谈配置chrome浏览器允许跨域操作的方法

    浅谈配置chrome浏览器允许跨域操作的方法 一:(Lying人生感悟.可忽略) 最近有一天,对着镜子,发现满脸疲惫.脸色蜡黄.头发蓬松.眼神空洞,于是痛诉着说生活的不如意,工作没激情,工资不高,一个 ...

  4. MySql主从配置实践及其优势浅谈

    MySql主从配置实践及其优势浅谈 1.增加两个MySQL,我将C:\xampp\mysql下的MYSQL复制了一份,放到D:\Mysql2\Mysql5.1 修改my.ini(linux下应该是my ...

  5. 浅谈React

    浅谈react react是什么?其官网给出了明确定义:A JavaScript library for building user interfaces,一个用于构建用户界面的JavaScript库 ...

  6. 浅谈React数据流管理

    引言:为什么数据流管理如此重要?react的核心思想就是:UI=render(data),data就是我们说的数据流,render是react提供的纯函数,所以用户界面的展示完全取决于数据层.这篇文章 ...

  7. 浅谈Kotlin(一):简介及Android Studio中配置

    浅谈Kotlin(一):简介及Android Studio中配置 浅谈Kotlin(二):基本类型.基本语法.代码风格 浅谈Kotlin(三):类 浅谈Kotlin(四):控制流 前言: 今日新闻:谷 ...

  8. 浅谈Spring中的Quartz配置

    浅谈Spring中的Quartz配置 2009-06-26 14:04 樊凯 博客园 字号:T | T Quartz是一个强大的企业级任务调度框架,Spring中继承并简化了Quartz,下面就看看在 ...

  9. 【转】浅谈React、Flux 与 Redux

    本文转自<浅谈React.Flux 与 Redux>,转载请注明出处. React React 是一个 View 层的框架,用来渲染视图,它主要做几件事情: 组件化 利用 props 形成 ...

随机推荐

  1. ASP.NET常用的控件怎么添加

    http://jingyan.baidu.com/article/d8072ac4224747ec95cefda2.html

  2. [转python 父类可以调用子类的方法

    问题描述:我也是在读500 Line 里满的DBDB 的代码时发现的,python的父类可以调用子类的方法,这跟平常习惯的理解方式很不一样,所以就查了下原因,记录如下:   1.现象:最近使用到了So ...

  3. 1.TCP/IP基本概念

    为什么会有TCP/IP协议 在世界上各地,各种各样的电脑运行着各自不同的操作系统为大家服务,这些电脑在表达同一种信息的时候所使用的方法是千差万别.就好像圣经中上帝打乱了各地人的口音,让他们无法合作一样 ...

  4. 浅谈Java分页技术

    话不多言.我们要实现java分页技术,我们首先就需要定义四个变量,他们是: int  pageSize;//每页显示多少条记录 int pageNow;//希望现实第几页 int pageCount; ...

  5. Java经典案例之-判断质数(素数)

    /** * 描述:任意输入两个数n,m(n<m)判断n-m之间有多少个素数,并输出所有素数. * 分析:素数即质数,除1和本身之外,不能被其他自然数整除的数. * 判断素数的方法为:用一个数分别 ...

  6. ui-router---$stateProvider

    转自:http://blog.csdn.net/violet_day/article/details/17515157 $stateProvider $stateProvider.state(stat ...

  7. 连接linux 服务器

    File > Quick Connect ,Hostname 是ip , Username是用户名

  8. PHP的数组值传入JavaScript的数组里

    <!doctype html public "-//W3C//DTD HTML 4.0 //EN"> <html><head>       &l ...

  9. onfocus在火狐、ie10浏览器失效解决方法方法

    <script>      function setit(){      if(document.all){      document.getElementById("myfr ...

  10. MySQL密码丢失,解决方法

    我的MySQ安装路径是:D:\Program Files\MySQL 1.所以先cmd下切入盘 输入-> D: 输入->cd "D:\Program Files\MySQL\My ...