小白学习vuejs-14-基础的es6语法

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第8天，点击查看活动详情

自学前端

• 前文

  • 本文是我自学vue的一些知识以及个人理解, 希望帮助到一些想要学习前端的小白朋友
  • 介绍本次学习的是路由相关知识
  • 这是基于我学习的笔记而来的文章

et/var

• 事实上var的设计可以看成javaScript语言设计上的错误, 但是这种错误多半不能修复和移除, 为需要向后兼容
  • 大概十几年前你Brendan Eich就决定修复这个问题, 于是他添加了一个新的关键字: let
  • 我们可以将let看成更完美的var
• 块级作用域
  • JS中使用var来声明一个变量时, 变量的作用域主要是和函数的定义有关
  • 针对与其他块的定义来说是没有作用域的, 比如if/for等, 这在我们开发中往往会引起一些问题
• ES5之前应为if和for都没有块级作用域的概念, 所以在很多时候, 我们都必须借助于function的作用域来解决应用在外面的变量的问题
• ES6中, 加入了let, let它是由if和for的块级作用域

const关键字

• const
  • 在很多语言中已经存在, 比如C/C++中, 主 要的作用是将某个变量修饰为常量
  • 在javaScrip中也是如此, 使用const修饰的标识符为常量, 不可以再次赋值
• 在什么时候使用const呢?
  • 当我们修饰的标识符不会被再次赋值时, 就可以使用const来保证数据的安全性
• 建议: 在ES6开发中, 优先使用const, 只有需要改变某一个标识符的时候才使用let
• const的注意
  • 注意一:

  • const a = 20;

    a = 30; //错误: const修饰的标识符必须赋值

  • const注意二:

    const name; //错误: const修饰的标识符必须赋值.

箭头函数

• 箭头函数: 也是一种定义函数的方式
  1. 定义函数的方式:

     const aaa = function () { }

  2. 对象字面量中定义函数

     const obj = { bbb: function () {}, bbb() {} }

  3. ES6中的箭头函数

     const ccc = (参数列表) => {} const ccc = () => {}

• 函数代码块中只有一行代码, 可以省略花括号

  const demo = () => console.log('hello demo')

什么时候使用箭头函数

• 当我们把一个函数当做参数传到另一个函数中当参数的时候

  • 

    箭头函数的this指向

    结论: 箭头函数中的this引用的就是最近作用域中的this

• 问题: 箭头函数中的this是如何查找的呢?
  • 答案: 向外层作用域中, 一层层查找this, 直到有this的定义

后记

• 希望对对前端有兴趣的朋友们有帮助
• 这篇文章主要是关于es6语法的的, 希望大家喜欢
• vue的作者是中国人尤雨溪, 非常厉害的人