ES6的新增事项

  在新的es6中新增加的几条特性为前端的书写提供了更好的便利性:

  1.首先是let和var,var在之前的版本中有几个重大的问题:

    1.混淆全局变量,当定义变量后变量会出现在windows中。

    

var fun = "w";
//定义变量fun

fun
//显示数据w

window.fun
//显示数据w

 

    2.变量提升,在函数或者代码快中定义变量的时候,调取var变量的时候

  

var name= 'rbq';
if (name){
    console.log(name)
}else{function(){
    var name = 'w'
}}
// 显示数据 undefined
// 这是由于变量提升导致的原因,在代码快中数据会被升级为全局变量,而函数调取的数据会先从当前函数内部调取,当代码块中没有var函数的时候将在全局中寻找,
当拥有且在console.log之前则会显示,之后则会出现被站位的现象,从而出现undefinde

    

    3.重复申明,当相同的变量名被多次使用时将会出现覆盖现象,只会选取最后一次的数据

    

  2.let的特性在代码块中都是局部做用,并且党数据重复使用的时候回出现报错的情况;

    

  3.count 设置常量,设置的常量是全局的常量,

    

  4.变量的解构:

   类似于python中的,变量赋值

   var x,y,z = [1,2,3]

   x  // 1

   y //  2 

     z //  3

    

  5.字符串和模板字符串。

      1,字符串的新增的三个指令,includes,返回布尔值,用来判断是包含某元素。

     

var name = 'okkkkk';
var look = 'ok';

name.includes(look):
//true

      2.startswith:判断是是否以什么什么为开头

      

      3.endswith:判断是否以什么为结尾

      

      4.模板标识符,利用${}的方式表示获取参数

var name = 'zhazhahui';

`my name  is ${name}`
// my name is zhazhahui

  6.函数

     1.箭头函数,箭头函数在基本函数的基础上进行了简单的改变:

  

var k = function(){
console.log(this)
}

//这是一个加单的函数
在其基础上

var l = ()=>{
console.log(this)
}


//这两种写法效果相同
//但是箭头函数指向的都是外层的变量,使用this时将会调用window中的变量

  7.面向对象和异步编程

 

posted @ 2018-08-17 18:46  残烛月夜  阅读(34)  评论(0)    收藏  举报