60-[重点]Object.defineProperty的set方法

最新推荐文章于 2024-01-17 15:29:23 发布

longfei815

最新推荐文章于 2024-01-17 15:29:23 发布

阅读量1k

点赞数

分类专栏：前端基础知识文章标签： vue.js 前端 javascript html

本文链接：https://blog.csdn.net/jolinoy/article/details/125602538

版权

前端基础知识专栏收录该内容

75 篇文章 2 订阅

订阅专栏

60-[重点]Object.defineProperty的set方法

执行set的条件：只要修改到name属性，就把return后面的val改成新的值newVal

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>60-[重点]Object.defineProperty的set方法</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- <link href="css/style.css" rel="stylesheet"> -->
        <script>
            let obj = {};
            Object.defineProperty(obj,'name',{
                get(){
                // 什么时候执行？
                // 获取name属性的时候执行这里的代码
                console.log('执行了get');

                // obj.name的值到底是什么？？ 就是return后面的这个值
                return 'Vue'
                },
                set(newVal){ // newVal接收等号后面的值
                    console.log('---执行了set方法',newVal);
                    // 只要修改到name属性，就把return后面的val改成新的值newVal
                }
            });
            console.log(obj.name);
            obj.name='Vue3'; // 触发set方法
            console.log(obj.name);
        </script>
    </head>
    <body>
    
    </body>
</html>