es6常用语法学习笔记

时间:2024-08-27 21:37:08

1.let和const的常规使用

  • let声明的变量不存在预解析
  • let声明的变量不允许重复使用(在同一个作用域内)
  • ES6引入了块级作用域{},块内部定义的变量,在外部是不可以访问到的
  • 使用let在for循环括号中声明的变量只能在循环体中使用
  • 在块级作用域内部,变量只能先声明在使用
  • const用来声明常量,声明后不允许重新赋值
  • const声明的变量必须初始化

2.变量的解构赋值

  • 数组的解构赋值
var [a,b,c] = [1,2,3];
console.log(a,b,c); //1,2,3
var [a,b,c] = [,2,];
console.log(a,b,c); //undefined,2,undefined
var [a=11,b,c] = [,2,];
console.log(a,b,c); //11,2,undefined
  • 对象的解构赋值let {foo,bar} = {foo:"hello",bar:"hi"};
console.log(foo,bar); //hello,hi
let {foo:abc,bar} = {foo:"hello",bar:"hi"};//给foo起个别名叫abc
console.log(abc,bar); //在使用的时候就要用abc,否则会报错
let {cos,sin,random} = Math; //直接去对象里边找对应的函数
let {foo:abc="hello",bar} = {bar:"hi"}; //对象解构赋值设置默认值

  把对应属性的值赋值给变量,跟对象里属性的顺序无关

  • 字符串的解构赋值
let [a,b,c,d,e] = "hello";
console.log(a,b,c,d,e); // h e l l o
let {length} = "nihao" console.log(length); //5

3.字符串扩展

 includes()//判断字符串包含指定字符,参数2表示从第几个字符开始匹配
console.log("hello world".includes("world",7)) //false
  • startsWith()判断字符串中是否以某字符开头
  • endsWith()判断字符串中是否以某字符结尾
  • 模板字符串

  

var obj = {
username:"zs"
}
console.log(`<div>${obj.username}</div>`);

4.函数扩展

  • 参数默认值
function foo(param = "nihao"){console.log(param)} //nihao
  • 参数解构赋值
function foo({uname,age}={}){}  foo({uname:"lisi",age:12})
  • rest参数(剩余参数)
function foo(a,b,...param){console.log(param);}
foo(1,2,3,4,5) //1,2,[3,4,5]
  • 扩展运算符
function foo(a,b,c,d,e,f){console.log(a+b+c+d+e+f)}
let arr=[1,2,3,4,5,6]
foo(...arr) //

5.箭头函数

function foo (v){ return v} 等效于let foo = v => v  //函数体只有一行代码可以省略大括号

箭头函数体内的this对象,就是定义时所在的对象,而不是调用时所在的对象,箭头函数导致this总是指向函数定义生效时所在的对象。

箭头函数不可以new

箭头函数不可以使用arguments获取参数列表