ES6的几个点

作者: Viaphlyn | 来源:发表于2017-10-21 15:44 被阅读14次

一、let

1.用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。
2.变量一定要在声明后使用
3.暂时性死区,不受外部的影响。

var tmp = 123;
if (true) { 
tmp = 'abc'; // ReferenceError 
let tmp;
}

4.let不允许在相同作用域内,重复声明同一个变量。
5.for循环的计数器,很适用let命令

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}
// abc
// abc
// abc
//输出了3次abc。表明函数内部的变量i与循环变量i不在同一个作用域,有各自单独的作用域。
设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。

6.块级作用域的出现,使立即执行函数表达式(IIFE)不再必要了。

// IIFE 写法
(function () {
  var tmp = ...;
  ...
}());

// 块级作用域写法
{
  let tmp = ...;
  ...
}

二、const

1.const声明一个只读的常量。一旦声明,常量的值就不能改变,且就必须立即初始化,不能留到以后赋值。
2.只在声明所在的块级作用域内有效。
3.const命令声明的常量也不提升,存在暂时性死区,只能在声明的位置后面使用。

三、class

1.JavaScript 语言中,生成实例对象的传统方法是通过构造函数
而ES6中通过class关键字,可以定义类。
2.类的数据类型就是函数,类本身就指向构造函数。
3.类的内部所有定义的方法,都是不可枚举的(non-enumerable)
4.类和模块的内部,默认就是严格模式,所以不需要使用use strict指定运行模式。只要你的代码写在类或模块之中,就只有严格模式可用。
4.constructor方法是类的默认方法,通过new命令生成对象实例时,自动调用该方法。若无定义,一个空的constructor方法会被默认添加。constructor方法默认返回实例对象(即this),完全可以指定返回另外一个对象。

class Point {
}

// 等同于
class Point {
  constructor() {}
}

5.类必须使用new调用,否则会报错。这是它跟普通构造函数的一个主要区别,后者不用new也可以执行。
6.类不存在变量提升
7.Class 可以通过extends关键字实现继承

class Point {
}

class ColorPoint extends Point {
}

相关文章

  • ES6的几个点

    一、let 1.用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。2.变量一定要在声明后使用3...

  • ES6 class类

    ES6 class类知识点梳理 大概从几个方面来讲解ES6 class类和传统的构造函数的区别。 必须要有cons...

  • ES6入门=>箭头函数

    ES6允许使用“箭头”(=>)定义函数。 使用注意点箭头函数有几个使用注意点。 (1)函数体内的this对象,就是...

  • 弹跳小球demo requestAnimationFrame 应

    几个涉及到的扩展知识点 0、es6语法 webpack配置 1、requestAnimationFrame 2、加...

  • ECMAScript 6 箭头函数

    箭头函数 ES6 允许使用“箭头”(=>)定义函数。 使用注意点 箭头函数有几个使用注意点。 (1)函数体内的th...

  • es6中箭头函数this指向(3)

    ES6 箭头函数this指向 箭头函数有几个使用注意点。 (1)函数体内的this对象,就是定义时所在的对象,而不...

  • ES6 几个语法。

    )])1.定义变量使用let 代替var ---作用域 { let name = 'xiaoming' } co...

  • ES6中扩展运算符(spread)和剩余运算符(rest)详解

    在ES6中。 三个点(...) 有2个含义。分别表示 扩展运算符 和 剩余运算符。写了几个demo测试。 最后总结...

  • ReactNative-利用redux来规范化代码

    本篇博文涉及到的知识点有ES6的相关语法、redux的使用、realm数据库,如果你对此不太了解,下面推荐几个链接...

  • ES6/7异步编程方法总结

    ES6提供了异步编程的几个新特性:本篇主要参考阮一峰大神的ES6文章。 Promise 1.基本用法: Promi...

网友评论

    本文标题:ES6的几个点

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