《每天十分钟》-红宝书第4版-变量、作用域与内存

最近有点忙,好长时间没抄经了,今天继续,之前语言基础相对简单,跳过一部分操作符。

变量

js 的变量是特殊的松散类型,由于没有规则定义变量必须包含什么数据类型,变量的值和数据类型在脚本生命期内可以改变。

原始值和引用值。

原始值(primitive value)就是最简单的数据。

引用值(reference value)则是由多个值构成的对象。

之前学过的6 种原始值:Undefined、Null、Boolean、Number、String 和 Symbol。保存原始值的变量是按值(by value)访问的,因为我们操作的就是存储在变量中的实际值。

引用值是保存在内存中的对象。与其他语言不同,JavaScript 不允许直接访问内存位置,因此也就不能直接操作对象所在的内存空间。在操作对象时,实际上操作的是对该对象的引用(reference)而非实际的对象本身。为此,保存引用值的变量是按引用(by reference)访问的。

注意 在很多语言中,字符串是使用对象表示的,因此被认为是引用类型。ECMAScript

打破了这个惯例。

动态属性

原始值使用字面量初始化的,则不能动态添加属性的

javascript 复制代码
var t = "zhangsan"
t.age = 18
console.log(t.age) //undefined

但如果是使用new 关键字创建的Object类型的实例 则可以添加动态属性,因为已经是Object

javascript 复制代码
var abc = new String('zhangsan')
abc.age = 18
console.log(abc.age) // 18

复制值

一个原始值赋值到另一个原始值时,两个变量的内存存储时完全独立的,这个很好理解,因为上面讲了,原始值就是内存直接存储的值

javascript 复制代码
var a = 1;
var b = a
a = 3
console.log(b) //1

而引用类型再赋值过程中实际只是复制了内存的指针

javascript 复制代码
var a = {"name":"zhangsan"}
var b = a
a.name = "lisi"
console.log(b) //{name: 'lisi'}

传递参数

和内存复制一样,原始值完全独立,引用类型指向同一块内存,修改后指向引用的变量都会变化

确定类型

typeof 操作符最适合用来判断一个变量是否为原始类,之前再语言基础中由示例,此处不再重复。

ypeof 虽然对原始值很有用,但它对引用值的用处不大。我们通常不关心一个值是不是对象,

而是想知道它是什么类型的对象。为了解决这个问题,ECMAScript 提供了 instanceof 操作符,语

法如下:

javascript 复制代码
var a = {name:'zhangsan'}
a instanceof Object //true
var b = "123"
b instanceof Object //false

按照定义,所有引用值都是 Object 的实例,因此通过 instanceof 操作符检测任何引用值和

Object 构造函数都会返回 true。类似地,如果用 instanceof 检测原始值,则始终会返回 false,

因为原始值不是对象。

下篇继续抄 较为重要的 执行上下文

今天我家二娃也一年级了,找了篇关于放学开心的诗读读,😊

《村居》

清代·高鼎

草长莺飞二月天,

拂堤杨柳醉春烟。

儿童散学归来早,

忙趁东风放纸鸢。

相关推荐
哆啦A梦158816 分钟前
48 我的地址页面布局
javascript·vue.js·node.js
Dontla19 分钟前
React useMemo(当依赖项未变化,重复渲染时直接返回上一次缓存计算结果,而非重新执行计算)
前端·react.js·缓存
花生Peadar33 分钟前
AI编程从入门到精通
前端·后端·代码规范
bug爱好者33 分钟前
vue3.x 使用vue3-tree-org实现组织架构图 + 自定义模版内容 - 附完整示例
前端·javascript·vue.js
flashlight_hi40 分钟前
LeetCode 分类刷题:1669. 合并两个链表
javascript·leetcode·链表
qq_4017004142 分钟前
QT的5种标准对话框
开发语言·qt
达达尼昂43 分钟前
🎯 Flutter 拖拽选择组件:flutter_drag_selector —— 像选文件一样选择列表项
前端·flutter
Keely402851 小时前
Claude 配置使用墨刀MCP(modao-proto-mcp)
前端·aigc·claude
少卿1 小时前
从零构建 React Native 导航体系-React Navigation
前端·react native
Wect1 小时前
学习React-DnD:实现 TodoList 简单拖拽功能
前端·react.js