node(map对象/键值对,作用域,函数作用域,全局作用域)

本文详细介绍了JavaScript中的Map对象,包括其创建、设置和获取键值对的方法,以及基本属性如size。同时,文章阐述了作用域的概念,分为全局作用域和局部(函数)作用域,并通过示例说明了变量在不同作用域下的可见性和生命周期。最后,讨论了块级作用域在ES6中的引入及其重要性。
摘要由CSDN通过智能技术生成

map键值对

什么是键值对?

键值对('key = value')

顾名思义,每一个键会对应一个值。

比如:

身份证号和你本人是绑定的关系。每一个身份证号(键)都会对应一个小可爱(值)。

我们在登录微信或者游戏时,需要输入手机号验证身份。系统会向该手机号发送一条验证短信。

这里的手机号码(键),对应的接收用户就是值。

 每个键对应响应的值,当按下响应的键时,就会输出响应的结果。

键:就是存的值的编号。

值:就是要存放的数据。

map对象

【Map对象】

  Map对象用来保存键值对。

  在Map对象中任何值(对象或者原始值)都可以作为一个键(任何数据类型)或一个值。

  【基本Map方法】

    new Map():创建新的Map对象。

    set():为Map对象中的键设置值。

    get():获取Map对象中键的值。

    keys():返回Map对象中键的数组。

    values(():返回Map对象中值的数组。

    entries(():返回Map对象中键/值对的数组。

   【Map()属性】

      Map.size:返回Map中元素的数量。

【示例】
     创建对象 -->
     <script>
    const apples ={name:'Apples'};
    const bananas ={name:'Bananas'}; 
    const oranges ={name:'Oranges'};
    // 创建新的Map对象(new Map())  
     const fruits =new Map() ;
    // 向Map对象添加成员(set(()) 
    fruits.set(apples,500); 
    fruits.set(bananas,200); 
    fruits.set(oranges,200);
    //  获取Map对象中键中的值(get()) 
    console.log(fruits.get(apples));//500
    // 获取Map对象中键的数组(keys(())
    console.log(fruits.keys()); //{{...},{...} ,{...}}
    // 获取map对象中值的数组(values())
    console.log(fruits.values());//{500,200,200}
    // 获取map对象中键/值对的数组(entries())
    console.log(fruits.entries());//{{...}=>500,{...}=>200,{...}=>200}
    // 返回map中元素的数量(map.size)
    console.log(fruits.size);
    // [其他map()方法]
    // clear():删除map中所有元素
    // delete():删除由键指定的元素
    // has();如果键存在,则返回true
    </script>

 什么是作用域

<script>

        // 【作用域】

        //  作用域是运行时代码中某些特定部分中变量,函数和对象的可访问性。

        //  换句话说,作用域决定了代码中变量和其他资源的可见性。

       

        function Fun(){

        let a ='内层变量'

        console.log(a);

        }

        Fun();//先执行函数

        // console.log(a);

        function fun (){

        let a ='变量 '

        console.log(a);

    }

        fun()

        // console.log(a); //a is not defined

        // 变量a在全局作用域没有声明,所以在全局作用域下取值会报错。

       

        // 作用域就是一个独立的地盘,让变量不会外泄、暴露出去。

        // 作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突。

       

        // ES6之前JavaScript没有块级作用域,只有全局作用域和函数作用域。

        // ES6的到来,为我们提供了"块级作用域",可通过新增命令let和const来体现。

        </script>

 函数作用域

 【局部变量/函数作用域】

     声明在函数内部的变量,和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到。

     最常见的例如函数内部,所以在一些地方也会看到有人把这种作用域称为函数作用域。

   

<script>
   
    function outFun(){

    var a ='函数内部的变量';

    function innerFun(){
    console.log(a);函数内部的变量
}
    innerFun();}
    // console.log(a); //a is not defined

     innerFun; //innerFun is not defined 
     outFun()  
    </script>

 全局作用域

【全局作用域】

        在代码中任意地方都能访问到的对象拥有全局作用域。

        (即在全局作用域中定义的变量可以在任何地方使用。)

        全局作用域在页面打开时创建,在页面关闭时销毁。

//【情况一:所有未定义直接赋值的变量自动声明为拥有全局作用域】
         function Fun1(){
                      a ='未定义直接赋值的变量';
                      var b ='内层变量'
         }
        Fun1();
        console.log(a);//未定义直接赋值的变量 
        console.log(b); //b is not defined

        // 【情况二:最外层函数和最外层函数外面定义的变量拥有全局作用域】
         var A ='最外层变量';//最外层变量

        function outFun(){ //最外层函数
        var B ='最外层函数的内层变量'

        function innnerFun(){ //内层函数
        var c ='内层函数的内部变量'
    }
        }
        console.log(A);//最外层变量
        //console.log(B); //B is not defined 
        outFun()
        //innerfun() //innerfun is not defined
        //console.log(C); //C is not defined
        
        // 【情况三:所有window对象的属性拥有全局变量
        //在全局作用域中有一个全局对象window,他代表的浏览器的窗口,由浏览器创建。
        // 一般情况下,window对象的内置属性都拥有全局作用域,例如window.name、window.location
        </script>

 

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值