【无标题】

本文详细介绍了ES6中的新特性,包括使用var、let和const进行变量声明的区别,数组和对象的解构赋值,字符串的遍历、检测和填充方法,以及数组的高阶操作。此外,还讲解了箭头函数、默认参数、扩展运算符和不定参数等函数相关知识点,帮助开发者更好地掌握ES6的语法精髓。
摘要由CSDN通过智能技术生成

一、概念

1.ES6 :ESMAScript 6,新的javascript语法标准

二、变量声明

1.var

  1. 全局作用域
  2. 会变量提升

2.let 局部变量

  1. 局部作用域
  2. 不能变量提升
  3. 在一个作用域里面不能重复声明

3.const 常量

  1. const是局部变量
  2. 声明必须赋值
  3. 不能重复声明
  4. 建议大写
  5. 不会变量提升
  6. 值类型不能修改

三、解构

1.数组

var [a,b,,c=20,...rest] = [1,2,3,4,5,6];
解析:
有顺序的
[]解构符号
,一位
…rest剩余
c=10默认参数

2.对象

var {name,age,leg=20,...rest} = obj;
解析:
没有顺序
{}符号
…rest剩余

四、字符串

1.遍历

for循环遍历
for of遍历
for(let s of str){
  console.log(s)
}

2.检测

属性返回
indexOf,lastIndexOf:返回值下标
includes(查找字符串)true false
startsWith(查找字符串)true false
endsWith(查找字符串)true false

3.填充

属性含义
repeat重复的次数
padStart填充总位数,填充字符串
padEnd填充总位数,填充字符串

4.拼接

var num = 1
var  str = `你好帅呀,能做我的${num}号男朋友吗?`

五、数组

1.Array.from (类数组) 把类似数组转换数组

2.高阶方法

——————————————————————————————————

forEach(function(item,index,self){})
解析:
属性含义
item遍历的元素
index元素的下标
self数组本身
1. map() 映射一个数组
2.filter(item=>true保留||false过滤掉) 过滤
3.reduce() 累计
4. some() 有一true,整体返回true
5.every() 有一个返回false,整体返回false
6.find() 查找符合条件的元素
7.findIndex() 查找符合条件的元素
8.sort((a,b)=>a-b) 排序

—————————————————————————————————

3.includes 检测是否包含

4.fill() 填充数组

六、函数

1.箭头函数 (箭头函数就是函数的简写形式)

0.1 箭头左边:参数
0.2 箭头右边:返回值
例:
var fun = function(str){
				return "love"+str;
			}
//箭头函数			
var fun = str=>"love"+str;

2.参数 (0个或多个参数要用括号包括)

例:
var fun = function(){alert("我爱ES6")}
var fun = ()=>alert("我爱ES6")
var fun = function(a,b){alert(a+b)}
var fun2 = (a,b)=>alert(a+b);
fun(4,5)

3.返回值 (如果返回是一个对象,那么用括号包裹)

例:
var fun = function(){
				return{name:"mumu",age:18};
			}
//箭头函数	
var fun2 = ()=>({name:"mumu",age:18});
			console.log(fun2())

4.执行语句 (如果执行有多行,返回语句要用return 执行语句要用{} 包裹)

例:
var fun = function(str){
				if(str.includes('罗斯')){
					return "大帝"
				}else{
					return "可汗"
				}
			}

 var fun = str=>{
			 	if(str.includes('罗斯')){
			 		return "大帝"
			 	}else{
			 		return "可汗"
			 	}
			 }
			alert(fun2('puting'))

七、函数参数

1.默认参数

function say(str="我爱你"){}
say();
say("我很你");

2.扩展参数(执行)

function metting(a1,a2,a3){}
var  arr = ["A","B","D"];
// metting(arr[0],arr[1],arr[2])
// metting.apply(null,arr);
metting(...arr);

3.不定参(定义)

function add(...list){
  return  list.reduce((a,b)=>a+b);
  //retrun  Array.from(arguments).reduce((a,b)=>a+b)
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值