ES6的函数、类

Chenche_

于 2022-11-14 14:55:37 发布

阅读量316

点赞数

文章标签： es6 javascript json

本文链接：https://blog.youkuaiyun.com/Chenche_/article/details/127847512

版权

本文介绍了ES6中的Map数据结构，包括其定义、使用方法及特性，如键值对存储、key不可重复等。同时讲解了函数的定义、默认参数值的设定。最后，概述了ES6中的类的概念，对比了与ES5中构造函数的区别，强调了类的定义方式和面向对象思想的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、Map集合

1、数据的存放格式：采用 key-value（键值对）的方式进行存放。采用这种方式存放数据的有

（1）对象：属性对应的是key(键)，属性值对应的是value(值)

let obj = {

name: ‘张三’,

age:25

}

（2）JSON：是常用的一种前后台数据交换的格式

（3）Map

2、Map的定义：Map是一种数据结构（Hash结构），在ES6中是Map一种存放许多键值对的有序列表

3、Map的使用方法

（1）属性：size —- 存放的是Map中的元素个数

（2）方法：

a、Map()：构造方法。用来创建Map对象，不带参数表示创建空的Map，即size属性值为0

b、set(key,value)：向Map中添加数据

c、get(key)：获取键为key的value

d、has(key)：判断Map中是否存在key

e、delete(key)：删除key

f、clear()：清空Map

g、keys()：返回Map中的所有key

课堂练习1：以“key” <===> “value”，显示一个Map

强调：

（1）Map中的key不能重复，但是value可以重复

（2）keys()返回的是Map中所有key集合 —— keys（）返回的集合类型是Set

（3）在Map中通过key可以得到对应的value，反之则不行

h、values()：返回Map中的所有value

i、entries()：可以获取Map的所有成员（即所有的key-value）

j、forEach循环遍历：

m2.forEach(function(value,key){  //函数的第一个参数是value,第二个参数是key
            console.log(`${key}:${value}`)
        })

课堂练习2：Map数组（数组的每个单元都是一个key-value）的使用

let m1 = new Map()
           m1.set('XA','西安')
           m1.set('XY','咸阳')
        let m2 = new Map()
            m2.set('K1','重庆')
            m2.set('K2','成都')
        let m3 = new Map()
        let arr = [m1,m2,m3]   //arr是Map数组
        console.log(arr)
        //输出'西安'
        console.log(arr[0].get('XA'))

二、函数

1、ES5中的函数：

（1）通过function关键字定义函数

function 函数名([参数]){ }

（2）函数表达式

let 变量 = function([参数]){ }

注意：

（1）形参和实参的区别

（2）函数的返回值：return语句来实现

2、ES6中对函数的扩展

（1）函数形参的默认值

function fun(a,b,c=45){ //形参c的默认值为45,如果调用函数时没有给c传递参数值，则使用默认值
            console.log('a=',a)
            console.log('b=',b)
            console.log('c=',c)
        }
        let a = 10,b = 20,c = 30
        fun(a,b)

三、类

1、面向对象：是一种开发思想，一切皆为对象。对象是属性和行为的结合体

2、面向过程：也是一种开发思想。开发中的每个细节，开发者都要考虑到。

3、类：具有相同属性和行为的对象的集合

4、ES5中实现类的功能：构造函数，在构造函数中封装了属性和方法。缺陷是构造函数和普通函数的定义方式是一样的

5、ES6中类的定义方式：语义性更强、语法更简洁

class 类名{

属性

行为

}

class 是关键字，专门用来定义类。