JavaScript学习14-ES6

本文详细介绍了ES6的关键特性,包括let和const的块级作用域,解构赋值,对象写法简化,箭头函数的使用,函数参数初始值,剩余参数与扩展运算符的应用。此外,还探讨了Array和String的扩展方法,如Array.from(),find(),findIndex(),includes(),模板字符串,startsWith(),endsWith()以及Set数据结构的使用。通过这些特性,开发者可以更高效地编写JavaScript代码。
摘要由CSDN通过智能技术生成

ES6简介

ES的全称:ECMAScript,由ECMA国际标准化组织制定的一项脚本语言的标准化规范。
ES6泛指ES2015及以后的版本

ES6新增语法

let

ES6新增的关键字,用于声明变量的关键字。
let不允许重复声明变量。

let a = 10;
let a = 20;   //不能重复定义

let声明的变量只在所处的块级有效。

if(true){
	let a=10;
}
console.log(a);   //a is not defined

let可以防止循环变量变成全局变量。

for(let i=0;i<10;i++){}
console.log(i);  //i is not defined

let不存在变量提升。

console.log(a);  //a is not defined
let a=10;

let声明的变量具有暂时性死区特性

var num=10;
if(true){
	console.log(num);   //num is not defined
	let num=20;
}

经典面试题
var声明i是全局变量,循环过后就变成了10,函数执行时输出的是全局变量的值

var arr=[];
for (var i=0;i<10;i++){
	arr[i]=function(){
		console.log(i);
	}
}
arr[0]();   //10
arr[1]();   //10

let每次循环都会生成一个块级作用域,每个块级作用域的变量都是不同的。

var arr=[];
for (let i=0;i<10;i++){
	arr[i]=function(){
		console.log(i);
	}
}
arr[0]();   //0
arr[1]();   //1

const

声明变量,声明时必须赋值,常值就是值(内存地址)不变的量,也是块级作用域,不存在变量提升。

const arr=[100,200];
arr[0]='a';
console.log(arr);   //['a',200]
arr=['a',100];     //到这行报错,不允许修改,这是修改了地址
console.log(arr);  

常量的值不允许修改。

const a = 10;
a = 20;   //报错,不允许给常量赋值

对于数组和对象的修改不算对常量的修改,不会报错。

const arr = [100,200];
arr.push(300);    //不报错,因为没有修改地址

解构赋值

ES6允许从数组中提取值,按照对应的位置,对变量赋值,对象也可以解构。
数组解构允许按照一一对应关系从数组提取值赋给变量。
解构不成功变量的值为undefined。

let [a,b,c]=[1,2,3];
console.log(a);    //1

对象解构允许使用变量的名字匹配对象的属性,匹配成功将属性的值赋给变量。

let person={name:'zhangsan',age:18};
let {name,age}=pe
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值