IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript中的Object.defineProperty()方法 -> 正文阅读

[JavaScript知识库]JavaScript中的Object.defineProperty()方法

1. 功能

Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。

2. 语法

Object.defineProperty(obj, prop, descriptor)

1. 参数

  • obj:要定义属性的对象。
  • prop:要定义或修改的属性的名称Symbol
  • descriptor:配置项,需传一个对象,该对象有如下属性:
    • value:该属性对应的值,可以是任何有效值(数值,对象,函数等),默认是undefined
    • writable:控制属性是否可以被修改,默认值是false
    • configurable:控制属性是否可以被删除,默认值是false
    • enumerable:控制属性是否可以枚举,默认值是false
    • get:当读取属性prop时,getter就会被调用,且返回值就是属性prop的值。若没有getter,默认是undefined
    • set:当修改属性prop时,setter就会被调用,且函数参数是修改的具体值。若没有setter,默认是undefined

2. 返回值

该方法返回被传递给函数的对象

3. 应用举例

在浏览器环境中,如何使下面的if语句成立?

if (a === 1 && a === 2 && a === 3) {
    console.log(true);
}

第一次看到这题,感觉不可能实现,一个变量怎么可能即等于1,又等于2,也等于3呢?

稍作分析可以看到,if中的判断语句,实际上读取了3次变量a的值,所以可以使用Object.defineProperty()方法来解决这个问题。

在浏览器环境中,将变量a定义在window上,每次读取变量a,都会调用一次setter函数,通过setter函数来改变a的值。

具体见如下代码:

let number = 0;
Object.defineProperty(window, 'a', {
    get() {
        number++;
        return number;
    },
});

if (a === 1 && a === 2 && a === 3) {
    console.log(true);
}

将变量a定义在window上,定义一个变量numbersetter函数中,将number自增,并返回number。这样每次读取变量a时,自动调用setter函数,a的值也会自动发生变化。浏览器控制台会输出true


参考:

Object.defineProperty() —— MDN


📘📘欢迎在我的博客上访问:
https://lzxjack.top/

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-10-28 12:18:13  更:2021-10-28 12:20:17 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年4日历 -2024/4/24 22:23:14-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码