imyanglan / Vue-xuexi

0 stars 0 forks source link

ES6补充 #4

Open imyanglan opened 4 years ago

imyanglan commented 4 years ago

学习网站:(https://www.bilibili.com/video/av59594689?p=25)

一、let/var

var和let这都是用来定义我们的变量的 以后在写ES6的语法的时候尽量不要写var 事实上var的设计可以看成JavaScript语言设计上的错误,但是这种错误多半不能修复和移除,需要向后兼容。

Brendan Eich 就决定修复这个问题,于是他添加了一个新的关键字:let。

我们可以将let看成更完美的var。 因为let是有块级作用域的,var没有。 可以通过我们的练习来深入了解作用域还要let和var的区别

块级作用域的详解
块级作用域有闭包和没闭包

二、const的使用

const在很多语言中已经存在了,比如C/C++中,主要的作用是将某个变量修饰为常量。

在JavaScript中也是如此,使用const修饰的标识符为常量,不可以再次赋值。

建议:在ES6开发中优先使用我们的const,只有需要我们的标识符的时候才使用let,使用const可以用来保证数据的安全性。

const作为常量,我们不能改它对内存的指向,但可以改它所指向的内存的值。

如果你觉得这样说你有点晕的话,来看看我们的练习。 const的使用

三、对象的增强写法

在ES6中,对对象字面量进行了很多增强。

属性初始化和方法的简写: 对象增强写法

四、箭头函数

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

通过我们以前定义函数的方式,我们来定义一个简单的箭头函数来让我们了解它

箭头函数的基本使用
然后我们再说参数和返回值的问题

因为只有一个参数或一个返回值,箭头函数都能简写。所以

render:h => h(app)

这就是箭头函数的简写形式,如果我们还原出来就是

render:(h) => {
  return h(app)
}
箭头函数的参数和返回值
什么时候使用箭头函数?

把函数作为参数传入到另一个函数 有可能我们在这箭头函数中使用this会遇到一些问题,我们接下来了解一些箭头函数中的this。

箭头函数中的this