ES6学习一
程序员文章站
2024-01-14 13:18:46
...
一.安装插件
在vscode扩展中搜索live-Server
、JavaScript(ES6) code snippets
安装
二.let和const命令
1.let
命令用法和var
相似,用来声明变量。但是声明的变量只在let
命令所在的代码块内有效。
2.const
①const
声明一个只读的常量。一旦声明,常量的值
就不能改变
。改变
常量的值会报错
。
②对于const
来说,只声明不赋值
,也会报错
。
③const
的作用域与let
命令相同:只在声明所在的块级作用域
内有效。
三.箭头函数
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
指向