美文网首页
es6 笔记·1·

es6 笔记·1·

作者: web前端杨树 | 来源:发表于2017-02-27 11:07 被阅读0次

一,常量,变量

const :常量,用法 const info='hello es6';
             特点:首次赋值之后,之后不可对常量进行赋值。也不可重复声明一个常量;
             作用域:块级作用域;

let :块级变量(var是函数作用域变量),用法 let info='hello es6';
        特点:首次赋值之后,可以进行修改和再赋值,不可重复声明一个变量;
        作用域:块级作用域;

二,模式匹配和解构赋值

1,模式匹配
      用法:1. [a,b,c]=[1,2,3];
                 2. [[a,b],c]=[[1,2],3];
      特点:左侧和右侧格式、顺序一样;

2,解构赋值
      用法:1. {title,name,age}={"title":"标题","name":"杨树",age:"22"};
                 2.{title,[name,age]}={"title":"标题",[age:"22","name":"杨树"]};
      特点:左侧和右侧格式相同,可以不考虑排序;

三,Array

  a).复制数组
   1,Array.from();

        用法:let arr=[1,2,3];
                   arr2=Array.from(arr);
        作用:复制数组,修改arr2数组不影响arr数组;

    2,... 超类

        用法:let arr=[1,2,3];
                    arr2=[...arr];
        作用:复制数组,修改arr2数组不影响arr数组;

b).循环(for in&for of 对比)
1.for in—— for( var i in arr){console.log(i)}
   i为得到的数组的索引,0,1,2,3.......

2.for of——for(var i of arr){console.log(i)}                    *(for of主要循环map对象)*
  i为得到的数组的每一项的值,'apple','banana','orunge'.........

四,map对象

  1,通常使用
    新对象  let  oMap=new Map();
    设置内容 oMap.sest("a","apple");
    获取一项内容 oMap.get("a");
    删除一项内容 oMap.delete("a");

  2,for of循环map对象
    a)  for(item of oMap){                    *item of oMap等于item of oMap.entries*
              console.log(item); //["a","apple"]
                                              //["b","bannana"]
          }
    b)  for([key,value] of oMap){
            console.log(key); // "a"
                                          // "b"
            console.log(value); // "apple"
                                            // "banana"
          }
    c) for(item of oMap.keys()){
          console.log(item);  //a
                                            //b
        }
        for(item of oMap.values()){
           console.log(item);  //apple
                                            //banana
         }

相关文章

  • ES6_note

    ES6笔记 es6 - 解构 数组的 解构赋值 let [a, b, c] = [1, 2, 3]; 这种写法属于...

  • Ant Design Pro的知识储备

    Less 笔记 Less 官方文档 ReactJs笔记 ReactJs官方文档 ES6笔记 ES6文档 dvaJs...

  • let 和 const 命令

    ES6学习笔记1、let命令ES6中新增了let,用于声明变量,与var类似,但let声明只是在其block(块)...

  • this指向

    js笔记:this的用法+ es6 1、this的用法: this:1、绑定事件的时候,事件"."前面是谁,thi...

  • [总结]ES6 Array

    学习es6时做得小笔记

  • 2.let 和 const 命令

    阮一峰ES6教程学习笔记原文地址 1. let和var let:ES6 新增命令用法类似于var,但是所声明的变量...

  • es6 笔记·1·

    一,常量,变量 const :常量,用法 const info='hello es6'; 特点:首次赋值...

  • (码友推荐)2018-08-21 .NET及相关开发资讯速递

    (码友推荐)2018-08-21 .NET及相关开发资讯速递: 1.学习ES6笔记──工作中常用到的ES6语法2....

  • ES6变量的解构赋值

    本文参考阮一峰老师es6入门做的学习笔记。 1.数组的解构赋值。 ES6允许按照一定模式,从数组和对象中提取值,对...

  • Node.js笔记七:es6

    Node.js笔记七:es6 es6是javascript的新一代语法规范,现在很多新的库都是基于新的es6语法规...

网友评论

      本文标题:es6 笔记·1·

      本文链接:https://www.haomeiwen.com/subject/qadbwttx.html