欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ES6学习一

程序员文章站 2024-01-14 13:18:46
...

一.安装插件

在vscode扩展中搜索live-ServerJavaScript(ES6) code snippets安装

二.let和const命令

1.let命令用法和var相似,用来声明变量。但是声明的变量只在let命令所在的代码块内有效。
ES6学习一
2.const
const声明一个只读的常量。一旦声明,常量的不能改变改变常量的值会报错ES6学习一
②对于const来说,只声明不赋值,也会报错
ES6学习一
const的作用域与let命令相同:只在声明所在的块级作用域内有效。
ES6学习一

三.箭头函数

1.解决的问题

  • 缩减代码
  • 改变this指向

2.写法
原始写法

const double = function(number){
    return number * 2;
}
console.log(double(20));

箭头函数写法

const double = (number) =>{
    return number * 2;
}
console.log(double(20));

②去掉{}括号,如果有返回值,可以不需要写return

const double = (number) => number * 2;

③可以用一个()括号括起来

const double = (number => number * 2);

④如果只有一个参数,可以省略()括号

const double = number => number * 2;

⑤如果有两个参数,要加()括号

const double = (number,number2) => number + number2;
console.log(double(20,20));

⑥如果有多条语句,要加{}括号

const double = (number,number2) => {
    sum = number + number2
    return sum;
}
console.log(double(20,20));

3.this指向