美文网首页
es6常量与es5中的“常量”、作用域、箭头函数

es6常量与es5中的“常量”、作用域、箭头函数

作者: de_self | 来源:发表于2018-09-02 19:30 被阅读63次

常量

es6中定义了常量这个概念
在es5中想定义一个常量,需要定义一个变量,设置这个变量的value值以及writable属性设置为false
而在es6中只需要使用能够const即可设置一个常量

const PI = 3.1415926

作用域

在es5中使用作用域必须使用立即执行函数才能形成作用域
而在es6中作用域只需要使用{}便可进行分割在相同作用域内,值相同切变量名或方法名不可重复

{
  function fun(){
    return 1
  }
console.log(fun());//此处结果为1  
{
     function fun(){
      return 2
    }
    console.log(fun());//此处结果为2
  }
  console.log(fun());//此处结果为1  
}

箭头函数

在es6中使用箭头函数代替function,遍历数组的方式发生了改变,this的指向也发生了改变

形式的改变
function a (){
}
a:()=>{
}
遍历数组的变化
var arrs = [1,2,3,4];
//es5
var adds = arrs.map(function(v){
  return v+1;
})
console.log(adds);//结果为[2,3,4,5]
//es6
let adds = arrs.map(v => v+1)
console.log(adds);//结果为[2,3,4,5]
this指向的变化
var athis = function (){
  this.a = "a";
  this.c={
    a : 'a+';
    b function(){
      return this.a;
    }
  }
}
console.log(new function().c.b);//此处结果为a+
var athis = function (){
  this.a = "a";
  this.c={
    a : 'a+';
    b:() =>{
      return this.a;
    }
  }
}
console.log(new function().c.b);//此处结果为a

箭头函数内this为实际this。return a 为a+

相关文章

  • ES6 基本语法

    一、 常量 二、 作用域 通过花括号限制作用域 箭头函数 => : 箭头函数等同于 ES3,ES5 的写法 ES6...

  • ES6

    常量 ----只读 作用域 箭头函数 默认参数 对象代理

  • Day17 ES6 扉页

    常量 作用域ES3、5用立即执行函数控制作用域ES6用关键字语法let const形成块级作用域 箭头函数主要改变...

  • es6常量与es5中的“常量”、作用域、箭头函数

    常量 es6中定义了常量这个概念在es5中想定义一个常量,需要定义一个变量,设置这个变量的value值以及writ...

  • 1.ES6简介

    涉及到的内容有:常量、作用域、箭头函数、默认参数、对象代理。 适合学ES6的人:Git 、webpack 、JS

  • ES6基础

    常量 ES6中定义了常量 const ,常量只读不可以进行修改 作用域 ES6用{}来划分一个作用域 像上面那样,...

  • ES5与ES6部分对比

    常量声明对比 作用域对比 块作用域对比 箭头函数 箭头函数会改变this的指向 默认参数 可变参数 就是在不确定传...

  • Babel 将 ES6 语法转成 ES5

    ES6 至今已经算是比较很火了, 也多了很多新功能,比如块级作用域、常量、箭头函数等等, 虽然我们写的是ES6 ,...

  • ES 6 新特性列表

    作用域块级作用域块级变量 let块级常量 const 箭头函数sum = (a, b) => a + bnums....

  • const,let,var 变量声明

    ES6前有全局作用域和函数作用域,声明变量用var。ES6 后新增块作用域。 1.Const 定义常量,初始化时必...

网友评论

      本文标题:es6常量与es5中的“常量”、作用域、箭头函数

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