美文网首页
六、ECMAScript6 特性

六、ECMAScript6 特性

作者: Castiel_Z | 来源:发表于2017-12-21 10:00 被阅读0次

一、let 和 var

let:1 只在代码块生效

        2 存在暂时性死区:在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死 区”(temporal dead zone,简称 TDZ)

        3 不存在变量提升

        4 不允许重复声明 :不允许在相同作用域内,重复声明同一个变量

var:1 全局作用域。

         2 内层变量覆盖外层变量,可能引起“循环变量泄露为全局变量”。

         3 var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined

二、块级作用域与函数声明

ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明,但浏览器为了兼容旧的代码,未必遵守这一规定。

考虑到环境导致的行为差异太大,应该避免在块级作用域内声明函数。如果确实需要,也应该写成函数表达式,而不是函数声明语句

三、const

const声明一个只读的常量。一旦声明,常量的值就不能改变,只在声明所在的块级作用域内有效。

const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心

四、箭头函数( =>  )

1、箭头函数的格式

1):一种为只有一条语句,可以省略{}和return。

x => x * x;

相当于:

function(x) {

returnx *x;

}

2):一种为多条语句,不可以省略{}和return。

x =>{if(x > 0) {return1;

}return2;

}

相当于:

function(x){if(x > 0) {return1;}return2;

}

注意:

a.当无参数时或有多个参数时,需要用括号()括起来。

(x, y)=> x + y;

b.当省略{}和return时,返回了一个对象,对象要用括号()括起来。

x=> ({color:"red"});

2、箭头函数的this

1)箭头函数没有自己的 this,其内部的 this 绑定到它的外围作用域。对象内部的箭头函数若有this,则指向对象的外围作用域。

2)箭头函数无法使用 call()或 apply()来改变其运行的作用域。

window.color = "red";

let color= "green";

let obj={

    color:"blue"

};

let sayColor= () =>{

    returnthis.color;

};

sayColor.apply(obj);//red

五、Promise

Promise 是异步编程的一种解决方案,具有链式结构特点。Fetch网络请求既是基于Promise对象。Promise对象的学习,理解大白话讲Promise(一)大白话讲Promise(二)这两篇博客即可。

相关文章

  • 六、ECMAScript6 特性

    一、let 和 var let:1 只在代码块生效 2 存在暂时性死区:在代码块内,使用let命令声明变量...

  • ECMAScript6新特性

    ES6与ES5相比,加入了许多新的特性,下面就对这些新特性进行简要说明,同时也是以后详细学习的目标。对了,差点忘了...

  • js异步编程之Generator

    Generator介绍 Generator 的中文名称是生成器,它是ECMAScript6中提供的新特性。在过去,...

  • ECMAScript6 核心特性(一)

    一、块级作用域 ES6块级作用域 在ES5中只有全局作用域和函数作用域(如,我们必须用函数将变量包在里面来限制作用...

  • ECMAScript6 核心特性(二)

    六、数组的扩展 1、Array.from() 将伪数组对象或可遍历对象转换为真数组。典型的伪数组有函数的argum...

  • ES8主要新特性介绍

    ECMAScript6 的开发花费了四年之久,之后TC-39决定缩短开发周期,采用年度周期来发布语言的新特性...

  • ES7新特性简介

    ECMAScript6 的开发花费了四年之久,之后TC-39决定缩短开发周期,采用年度周期来发布语言的新特性...

  • ecmascript6的6大特性

    ES6(ECMAScript2015)的出现,无疑给前端开发人员带来了新的惊喜,它包含了一些很棒的新特性,可以更加...

  • ES6常用特性

    1、什么是ECMAScript6?和JavaScript什么关系? 1.1 什么是ECMAScript6? 首先说...

  • ECMAScript6入门(六)--Class对象

    面向对象的语言有一个标志,那就是他们都有类的概念,通过类可以创建任意多个具有相同属性和方法的对象。 ECMAScr...

网友评论

      本文标题:六、ECMAScript6 特性

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