01-Object.defindProperty属性获取监听修改

浅浅的花香味﹌ 2023-01-17 07:45 41阅读 0赞

## 01-Object.defindProperty属性获取监听修改 ##

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    
    <body>
    
        <script>
            let user = { 
                username: '江哥',
                type: '帅'
            }
            let content = '厚脸皮';
            // let str = user.type; // 取数据
            // user.type = '大脸'; // 存数据的操作
    
            // Object.defineProperty 定义属性
            Object.defineProperty(user, 'type', { 
                enumerable: true,// 定义此属性出现在for-in循里面，以及Object.keys() 的遍历中
                configurable: true,// 定义此属性可以配置和删除 
                // 取数据的描述符
                get() { 
                    console.log('取数据操作');
                    return content // 获取
                },
                // 存数据的描述符
                set(newValue) { 
                    console.log('存数据操作');
                    console.log('存入的数据：' + newValue);
                    content = newValue;
                }
            });
    
            let str = user.type; // 属性 获取
            console.log('str', str);
    
            user.type = '大脸'  // 属性修改
        </script>
        
    
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，41人围观）

还没有评论，来说两句吧...

相关阅读

相关通过 JS 获取和修改表单元素属性和样式属性

通过JS操作元素

红太狼/ 2024年05月06日 21:24/ 0 赞/ 91 阅读

相关 Object.defineProperty() 定义新属性或修改原有的属性，监听对象改变方法

*Object.defineProperty()方法** 目录 * * * 1.定义新属性或修改原有的属性。 * 2.监听对...

雨点打透心脏的1/2处/ 2024年04月17日 06:02/ 0 赞/ 50 阅读

相关 Vue.js计算属性和监听属性

目录一、computed计算属性（1）计算属性的缓存（2）计算属性的setter 二、watch监听属性 -------------------- 一、co

柔情只为你懂/ 2024年03月24日 11:39/ 0 赞/ 79 阅读

相关 Vue.js 监听属性

监听属性 Vue.js 监听属性 watch，通过 watch 来响应数据的变化使用watch实现计算美元对黄金汇率 <!DOCTYPE html

亦凉/ 2023年07月19日 12:28/ 0 赞/ 26 阅读

相关 vue计算属性和监听属性

计算属性 1.首先，先看一个字符串反转的例子： <div id="app1"> { { message.split('').reverse().

野性酷女/ 2023年07月13日 03:42/ 0 赞/ 111 阅读

相关 jquery获取与修改元素的style属性

//获取 div 的高度 $("div").css("height"); //设置 div 的高度 $("div").css("hei

雨点打透心脏的1/2处/ 2023年02月14日 15:58/ 0 赞/ 27 阅读

相关 01-Object.defindProperty属性获取监听修改

01-Object.defindProperty属性获取监听修改 <!DOCTYPE html> <html lang="en"> <h

浅浅的花香味﹌/ 2023年01月17日 07:45/ 0 赞/ 42 阅读

相关 Vue--计算属性和监听属性

computed:计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要属性值还没有发生改变，多次访问属性计算属性会立即返回之

灰太狼/ 2022年12月07日 04:27/ 0 赞/ 223 阅读

相关 Vue.js监听属性

监听属性： watch属性为Vue的监听属性，用来监听Vue实例中数据的变动。可以是data中定义的属性（也经常这么用），也可以时Vue自带的属性，比如$route。

心已赠人/ 2022年05月10日 06:34/ 0 赞/ 180 阅读

相关 vue监听属性

监听属性本章节，我们将为大家介绍 Vue.js 监听属性 watch，我们可以通过 watch 来响应数据的变化。以下实例通过使用 watch 实现计数器：

た入场券/ 2021年10月20日 01:24/ 0 赞/ 394 阅读