es6 新语法分享给爱前端的伙伴

相信es6大家并不陌生，那么我还是简单介绍一下es6，es是15年发布的，可以用babel转化成es5可以支持低端浏览器，es6是一种新的语法，流行的库基本都是基于es6开发的。所以小伙伴要掌握哦！而且写起来简单优雅。

下面我给大家介绍一下es的常用语法。

一、let和const

这两个语法相信很多小伙伴已经经常使用了，下面我介绍一下var ，let， const 的区别

1、var：

var a=1;

console.log(a);//1

console.log(window.a) ;//1

　　如此可见用var声明一个变量a 是直接挂载到了window中哦，作用于全局，从而会污染全局。

2、let和const

　　let与const都是只在声明所在的块级作用域内有效。

　　let 声明的变量可以改变，值和类型都可以改变，没有限制。

　　const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

　const a ;//报错,一旦声明变量，应该立即赋值！
　const b = 2;
　b = 3//报错，因为定义常量之后不能成重新赋值！！

 对于复合类型的变量，如数组和对象，变量名不指向数据，而是指向数据所在的地址。const命令只是保证变量名指向的地址不变，并不保证该地址的数据不变，所以将一个对象声明为常量必须非常小心。

//不会报错，因为names指向的地址不变，改变的只是内部数据
 const names = [];
 names[0] = 1
 names[1] = 2
 names[2] = 3

下面介绍一个小的语法点

　如果想让定义的对象或数组的内部数据也不能够修改和改变，可以使用object.freeze(names)进行冻结，这样为对象添加新属性就不起作用。

　除了将对象本身冻结，对象的属性也应该冻结。下面是一个将对象彻底冻结的函数

var constantize = (obj) => {
  Object.freeze(obj);
  Object.keys(obj).forEach( (key) => {
    if ( typeof obj[key] === 'object' ) {
      constantize( obj[key] );
    }
  });
};

　　未完待续

es6 新语法分享给爱前端的伙伴

猜你喜欢