博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript---Symbol类型, 引用类型, 作用域
阅读量:5919 次
发布时间:2019-06-19

本文共 2066 字,大约阅读时间需要 6 分钟。

javascript---Symbol类型, 引用类型, 作用域

javascript的引用类型, 即对象类型是我们最常用的的类型, 其中有许多让我们需要注意的地方, 最新的 ,
ES6 的推出, 使得对象类型的属性名不仅仅可以是字符串类型,还可是
Simbol 类型--(^_^现在有两种类型了哦)这里奉上传送门

Symbol 值通过Symbol函数生成。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的 Symbol 类型。凡是属性名属于 Symbol 类型,就都是独一无二的,可以保证不会与其他属性名产生冲突。

  1. Smbol类型

    let mySymbol = Symbol();    // 第一种写法    let a = {};    a[mySymbol] = 'Hello!';     // 第二种写法    let a = {        [mySymbol] = 'Hello!';     };    // 第三种写法    let a = {};    Object.defineProperty(a, mySymbol, { value: 'Hello!' });    // 以上写法都得到同样结果    a[mySymbol] // "Hello!"
  2. 引用类型

    引用类型(对象类型)是js主要类行,他的用法类似于 c 语言中的指针
    js基本类型和引用类型存储于两个地方, 基本类型值指的是那些保存在栈内存中的简单数据段,即这种值完全保存在内存中的一个位置 。而引用类型值则是指那些保存在堆内存中的对象,意思是变量中保存的实际上只是一个指针,这个指针指向内存中的另一个位置,该位置保存对象。

    ps. 指针指针指针!!! (^-^ 重要的时期说三遍)

    图片描述

    由于对象类型为指针引用, 在变量复制方面,基本类型和引用类型也有所不同。基本类型复制的是值本身,而引用类型复制的是地址

    let box = 'Lee'; //在栈内存生成一个 box 'Lee'    let box2 = box; //在栈内存再生成一个 box2 'Lee'

    图片描述

    let box = new Object(); //创建一个引用类型    box.name = 'Lee'; //新增一个属性    let box2 = box; //把引用地址赋值给 box2

    图片描述

    ps. 复制对象的时候要注意你的复制需求, 到底需要潜复制还是深复制

  3. 函数参数
    对于函数参数, 如果是基本类型则直接按指传递, 而如果是引用类型则传递的是引用地址--(^_^指针)
  4. 执行环境及作用域

    • 执行环境是 JavaScript 中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。
    • 全局执行环境是最外围的执行环境。在 Web 浏览器中,全局执行环境被认为是 window对象。因此所有的全局变量和函数都是作为 window 对象的属性和方法创建的。
    • PS:当执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义也随之销毁。如果是全局环境下,需要程序执行完毕,或者网页被关闭才会销毁。
    • PS:每个执行环境都有一个与之关联的变量对象,就好比全局的 window 可以调用变量和属性一样。局部的环境也有一个类似 window 的变量对象,环境中定义的所有变量和函数都保存在这个对象中。(我们无法访问这个变量对象,但解析器会处理数据时后台使用它)
    • PS:每个函数被调用时都会创建自己的执行环境。当执行到这个函数时,函数的环境就会被推到环境栈中去执行,而执行后又在环境栈中弹出(退出),把控制权交给上一级的执行环境。
    • PS:当代码在一个环境中执行时,就会形成一种叫做作用域链的东西。它的用途是保证对执行环境中有访问权限的变量和函数进行有序访问。作用域链的前端,就是执行环境的变量对象
  5. 作用域

    javascript设计之初并没有块级作用域, 而只有函数作用域(^_^是不是有点反人类)
    所以给程序员带来了不便,不过可以通过立即执行匿名函数来模仿块级作用域

    (function () {  var name = 'Iris';})()

    ES6: 没有块级作用域的语音一切都要归罪于 var 关键字, 于是 ES6 推出了新的关键字 let const 现在官方推荐所有的 var 关键字都可以用 let 代替, let cost 将存在块级作用域功能 具体他们的不同可以参考

    (function(){      if (4) {        var name = 'Iris';      }      console.log(name);//Iris        if (5) {        let age = '23';      }      console.log(age);//age is not defined    })()

    ps. name在代码块外部是不可见的

转载地址:http://vdbvx.baihongyu.com/

你可能感兴趣的文章
《统计会犯错——如何避免数据分析中的统计陷阱》一第1章 统计显著性简介...
查看>>
《深入理解JavaScript》——1.3 变量和赋值
查看>>
《Python Cookbook(第3版)中文版》——1.14 对不原生支持比较操作的对象排序...
查看>>
《C++覆辙录》——2.7:“函数还是对象”的多义性
查看>>
《SQL学习指南(第2版)(修订版)》导读
查看>>
手把手 | 用R分析宋词三百首 自己动手写个“机器诗人”
查看>>
用 Python 写一个 FUSE(用户态文件系统)文件系统
查看>>
《精通Wireshark》—第1章1.1节Wireshark简介
查看>>
《OpenACC并行编程实战》—— 1.3 CUDA C
查看>>
Tumblr 架构设计
查看>>
《响应式Web设计性能优化》一2.3 Web运行时性能
查看>>
《BeagleBone开发指南》——第1部分 BeagleBone 基础知识
查看>>
网站优化的3个seo小技巧
查看>>
《Exchange Server 2013 SP1管理实践》——第1章 Exchange部署之前注意事项1.1 项目网络规划...
查看>>
微软爱上 Linux:当 PowerShell 来到 Linux 时
查看>>
信号量
查看>>
关于人工智能的10个数字
查看>>
《像计算机科学家一样思考Python(第2版)》——1.2 运行Python
查看>>
Activiti实战. 1.2工作流基础
查看>>
IT人的架构书单:如何赋予软件以灵魂
查看>>