监听对象属性的变化

最新推荐文章于 2024-05-11 13:55:50 发布

慕千千Bebe

最新推荐文章于 2024-05-11 13:55:50 发布

阅读量1.5k

点赞数

分类专栏： Javascript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_41988113/article/details/123480658

版权

描述

请补全JavaScript代码，要求如下：
1. 监听对象属性的变化
2. 当"person"对象的属性发生变化时，页面中与该属性相关的数据同步更新
注意：
1. 必须使用Object.defineProperty实现且触发set方法时更新视图
2. 可以使用预设代码"_render"函数

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <style>
            ul {
                list-style: none;
            }
        </style>
        <ul></ul>

        <script>
            var ul = document.querySelector('ul');
            var person = { sex: '男', age: '25', name: '王大锤', height: 28, weight: 32 };
            const _render = element => {
                var str = `<li>姓名：<span>${person.name}</span></li>
                           <li>性别：<span>${person.

最低0.47元/天解锁文章

慕千千Bebe

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
监听对象属性的变化

描述请补全JavaScript代码，要求如下：1. 监听对象属性的变化2. 当"person"对象的属性发生变化时，页面中与该属性相关的数据同步更新注意：1. 必须使用Object.defineProperty实现且触发set方法时更新视图2. 可以使用预设代码"_render"函数<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> &
复制链接

扫一扫