【ES6】01-ECMAScript基本认识 + 变量常量 + 数据类型-EW帮帮网

    <script>
        // 变量
        let name = 'zzz';
        console.log(name);  // zzz
        console.log(typeof name);  // 检测类型  string

        let money = 100;
        console.log('金额',money);
        console.log(typeof money);  // Number
    </script>

2.2 常量

常量(Constant) 是一个固定的值, 在程序运行中常量的值保持不变

用 const 声明常量

常量通常用来表示不会改变的值, 如数学中的 π(圆周率) PI≈3.14159265359

    <script>
        // 常量
        const PI = 3.14;
        console.log(PI);
        
        // PI = 3.1415;
        // console.log(PI);  // 报错
    </script>

3. 数据类型

3.1 字符串、数值、布尔

字符串类型 string

定义字符串类型用于存储字符序列也可以用 ' ' 表示

let name = "zzz" //姓名为zzz

数值类型 number

定义用于存储数字, 可以表示整数、浮点数

let balance = -100 //账户余额为-100元
let weight = 60.5 //体重为60.5公斤

布尔类型 boolean

定义布尔类型只能取两个值,true(真) 和 false(假)

let tv = true //电视 - true(开)

3.2 对象Object

定义对象是一种复合的数据类型, 可以通过键值对的方式存储多个值

    <script>
        const obj = {
            uname : 'zzz',
            age : 18,
            weight : 60
        }
        // 用 对象.属性名 表示
        console.log('姓名',obj.uname);
        console.log('年龄',obj.age);
        console.log('体重',obj.weight);
        console.log(obj);
    </script>

3.3 map

定义 map 是一种特殊的数据结构,用于存储键值对的有序集合

        // map
        let girl = new Map([
            ['name','zzz'],
            ['age',18]
        ])
        console.log(girl);
        console.log(typeof girl);

map 是 new 出来的一个对象

数据类型比如 字符串就需要加引号

最后输出的是箭头的表示

注意：

Map相对于对象提供了更灵活、有序、高效的键值对存储和操作方式,当需要在大量键值对中快速查找或删除特定键值对时, Map比对象更高效

Map提供了一些便捷的方法来操作键值对, 如: get()、set()、delete()

Map提供了一些便捷的迭代方法, 如: forEach()、keys()、values()、entries()

这些方法和操作后续会介绍。

3.4 set

定义 Set 是一种特殊的数据结构, 用于存储无序且唯一的值的集合

使用 new 关键字

        // set
        let number = new Set([1,2,3,2,1,7]);   // 包含6个整数的set集合
        console.log(number);   // 1,2,3,7 无序且唯一
        console.log(typeof number); //Object

如果将其中的类型修改

        let number = new Set([1,2,3,'2',1,7]);
        console.log(number);   // 无序且唯一
        console.log(typeof number); //Object

类型不同的也会认为是不同的，所以会打印出来

3.5 数组

定义数组是一种有序集合, 可以包含不同类型的元素，并且数组的长度是可变的

        // 数组
        let arr = ['a','b','c','b','c',1,2];
        console.log(arr);  // 不唯一、可以不同类型
        console.log(typeof arr);

3.6 函数

定义函数是一段可重复执行的代码块，可以接收输入参数并返回一个值或执行某些操作

函数类似计算器，我只需要把数字给计算器即可，就能得到最后的值

使用 function(){}

        // 函数
        function add(x,y){   //add是函数的名字，x,y是传入的两个参数
            // 想让结果反馈 需要return
            return x+y;
        }
        // 首先需要调用函数，上述的内容才有效果
        console.log(add(1,2));  //3

3.7 类

定义类是一种蓝图或模板，用于创建具有相同属性和方法的对象

比如人类：姓名年龄身高体重等共有的属性还有吃饭等方法

所有人类，随便一个人比如张三他是一个个体，但是他属于人类这个类

使用 class 关键字

        // 类
        class Person {
            // name age
            // 定义构造函数 构造这个类的函数 constructor
            constructor(userName,userAge){
                this.name = userName;      //this指向他的这个类
                this.age = userAge;
            }

            // 定义一个类的方法来打印类的属性
            info(){
                console.log(this.name);
                console.log(this.age);
            }
        }
        let a = new Person('zzz',18);  // 实例化这个类
        // 调用类中的方法
        a.info();  // zzz 18

        // 不同人调用同一个类 实例化出不同的结果

本文主要介绍ES6的基本和一些简单的知识点。后续文章将涉及对其中部分内容的详解。

【ES6】01-ECMAScript基本认识 + 变量常量 + 数据类型

1. ECMAScript基本认识

1.1 什么是 ECMAScript?

1.2 ES6 和 JavaScript 有什么区别

2. 变量和常量

2.1 变量