合并展开运算符解构赋值立即执行函数箭头函数 this指向 ES6新增数据类型(map set)

最新推荐文章于 2024-01-19 19:07:03 发布

yx-02

最新推荐文章于 2024-01-19 19:07:03 发布

阅读量451

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/YANG_helloworld/article/details/122799203

版权

合并展开运算符

fun(…数组);
将数组单元的数据展开一一对应赋值给函数的形参

定义在函数的形参位置合并运算符
function fun(a,b,…arr){ } 以数组的形式存储对应的实参

argument
是函数特有的关键词 , 以伪数组的形式存储所有的实参 , 伪数组不能forEach循环遍历.

解构赋值

一种将数组 / 对象的数据一一对应赋值给变量的简易语法形式

数组的解构赋值
let [变量1,变量2,变量3…] = 数组;
将数组中的数据解构之后一一对应的赋值给变量 , 一个数组单元对应一个变量 , 一个多维数组对应一个[]

对象的解构赋值
let {键名1, 键名2 , 键名3 …} = 对象
以键名作为变量从对象中获取数据存储在以键名作为变量名称的变量中.

const arr = [100,200,300,400,500,[600,700,800,[900,100]]];
let [a,b,c,d,e,[f,g,h,[i,j]]] = arr ;


const obj = {name:'张三' , age:18 , sex:'男' , addr:'北京' , phone:{ id1:123 ,id2:456 , id3:789 } , email:['1@qq.com','2@qq.com','3@qq.com'] };

let {name:a , age:b , sex:c , addr:d , phone:{ id1:p1 , id2:p2 , id3:p3 } , email:[e1,e2,e3] } = obj ;

立即执行函数

立即执行函数一般都是匿名函数 , 在封装定义函数的同时就调用执行函数.

语法形式:
(匿名函数)( ) ;
!匿名函数( );
~匿名函数( ) ;

立即执行函数后必须要写分号.

箭头函数

ES6新增的一种匿名函数的语法形式 , 箭头函数是一种非常重要的匿名函数的语法形式.
本质作用是为了配合ES6新增的class构造函数定义的 , 为了配合面向对象编程定义的

匿名函数:
function(){ }

箭头函数:
( ) => { }

箭头函数的关键作用:
箭头函数和普通喊程序this指向不同

语法形式1:
( ) => { }

语法形式2:
如果只有一个形参 , 可以不写( )
形参 => { }

语法形式3:
如果只有一行代码 , 可以不写 { }
形参 => 程序代码;

this指向

this是面向对象编程中非常重要的关键词 ,
是函数中特有的关键词 ,
调用执行函数程序时 , JavaScript程序自动设定this关键词的指向.

(this指向的理解
this是JavaScript中函数的关键词 , 本质是一个对象 , 对象中存储内存地址 , 这个内存地址指向堆中的一个独立的存储空间 , 所谓的this指向就是 this这个对象存储的内存地址指向的存储空间 , 也就是简单粗暴的立即this存储的数据数值.
在不同的函数程序中的this指向是不同的 , 也就是不同的函数中this存储的内存地址和指向的存储空间是不同的.
)