ES6

let 基本用法

{
  let a = 10;
  var b = 1;
}
a // ReferenceError: a is not defined.
b // 1

上面代码声明了两个变量,在代码外调用,
let报错,var正确,说明let 声明的变量只在所在的代码块中有效。

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

当前i只在本轮循环有效,在i计算的时候是在循环的基础上进行计算

不存在变量提升

// var 的情况
console.log(foo); // 输出undefined
var foo = 2;

// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;

暂时性死区(temporal dead zone,简称 TDZ)

var tmp = 123;

if (true) {
tmp = ‘abc’; // ReferenceError
let tmp;
}

不允许重复声明

// 报错
function func() {
  let a = 10;
  var a = 1;
}

// 报错
function func() {
  let a = 10;
  let a = 1;
}

因此,不能再函数内部重新声明参数

function func(arg) {
  let arg;
}
func() // 报错

function func(arg) {
  {
    let arg;
  }
}
func() // 不报错

const 命令
基本用法

const声明一个只读的常量。一旦声明,常量的值就不能改变。

const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable.

const声明的变量改变常量的值会报错。意味着const一旦声明变量,就必须立即初始化,不能留到以后赋值。

函数图片
在这里插入图片描述

扩展运算符
扩展运算符能够将数组分离,将分割后单独的参数值传递给函数,能够替代apply()方法的使用。
console.log(Math.min(0,…[1,2,3,4])); //0

new.target属性
能够使用new.target属性来判断函数是否利用new来进行调用

function target(){
    if(new.target!=='undefined'){
        console.log('通过new来调用');
    }else{
        console.log('不是通过new来调用');
    }
}

块级函数
在代码块中能够声明函数,函数也被称之为块级函数,在严格模式下,块级函数会提升到当前所处代码块的顶部,在整个代码块中都能够被访问,在代码块外的地方就不能被访问。而在非严格模式下,块级函数会被提升到全局作用域。
箭头函数
箭头函数提供了一种更加简洁的函数书写方式,并且与传统函数有很多不同的地方。箭头函数基本的语法为:参数 => 函数体。
根据参数的个数以及函数体的行数有多种变形:

无参数时,可以使用圆括号()表示;当只有一个参数时可以省略圆括号();当有多个参数时可以使用圆括号包裹,并参数之间用逗号进行分隔;
当函数体有多行语句时,使用大括号{}包裹起来,就像写正常的函数一样;当只有一行语句时,并需要返回结果时,可以省去大括号{},结果会自动返回。
如果需要返回对象的话,需要使用圆括号()将对象包裹起来,为了防止对象字面量被认为是函数体语句。

箭头函数的特性:

没有this、super、arguments,new.target绑定:this、super、arguments以及内部函数的new.target的值由所在的最近的外部非箭头函数来决定;

没有arguments对象绑定,但是能够访问包含它的外部函数的arguments对象;

 let outer = function(arg){
     return ()=>arguments[0];
 }
 let inner = outer(7);
 console.log(inner()) //7

不能使用new来调用:箭头函数没有[[Construct]]方法,因此不能被用为构造函数,使用new调用函数会抛出错误;
没有原型:没有使用new,因此没有prototype属性;
不能修改this:不能通过call(),apply()以及bind()方法修改this;
不允许使用重复的具名参数:箭头函数不允许拥有重复的具名参数,无论是否在严格模式下;而传统函数只有在严格模式下才禁止使用重复的具名参数;

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值