Object.defineProperty 监听对象属性变化

DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Object.defineProperty 监听对象属性变化title>
    head>

    <body>
        <script type="text/javascript">
            let obj = {}
            let value = ''
            Object.defineProperty(obj, 'name', {
                get: () => {
                    return value
                },
                set: (newVal) => {
                    console.log('检测到变化', newVal);
                    value = newVal;
                }
            })
            console.log(obj.name, ' 1')
            obj.name = 'mfg'
            console.log(obj.name, ' 2')
        script>
    body>

html>

 


更多专业前端知识,请上 【猿2048】www.mk2048.com

你可能感兴趣的:(前端)