Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'age'

红太狼 2022-05-26 13:28 585阅读 0赞

今天学习阮一峰老师的es6时，跟着敲一个实例时出现这个错误。  
这个实例是：

let validator = {
      set: function(obj, prop, value) { 
        if (prop === 'age') {
          if (!Number.isInteger(value)) {
            throw new TypeError('The age is not an integer');
          }
          if (value > 200) {
            throw new RangeError('The age seems invalid');
          }
        }
    
        // 对于满足条件的 age 属性以及其他属性，直接保存
        obj[prop] = value;
      }
    };
    
    let person = new Proxy({}, validator);
    
    person.age = 100;
    
    person.age // 100
    person.age = 'young' // 报错
    person.age = 300 // 报错

然后浏览器爆出：Uncaught TypeError: ‘set’ on proxy: trap returned falsish for property ‘age’  
google了很长时间，有的说时set方法修改了writable的属性值，但是\*\*\*MDN上明确的说明了set方法应该返回一个布尔值。  
返回true表示赋值成功。如果set方法返回false，并且分配发生在严格模式代码中，则会引发TypeError。*\**  
所以我加上return true或false时，这个错误就消失，MDN链接[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global\_Objects/Proxy/handler/set][https_developer.mozilla.org_en-US_docs_Web_JavaScript_Reference_Global_Objects_Proxy_handler_set]  
我的代码：

let validator = { 
      set: function(obj, prop, value) { 
        if (prop === 'age') {
          if (!Number.isInteger(value)) {
            throw new TypeError('The age is not an integer');
            return false;                                                                                                                             
          }   
          if (value > 200) {
            throw new RangeError('The age seems invalid');
            return false;
          }   
        }   
    
        obj[prop] = value;
        return true;
      }
    };
    
    let person = new Proxy({}, validator);
    person.age = 100;
    console.log(person.age);

[https_developer.mozilla.org_en-US_docs_Web_JavaScript_Reference_Global_Objects_Proxy_handler_set]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler/set

发表评论取消回复

表情：

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

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

相关阅读

相关解决redux报错：Uncaught TypeError: Cannot perform ‘set‘ on a proxy that has been revoked

在react中使用redux toolkit(RTK)写了一个slice, 结果报错：Uncaught TypeError: Cannot perform 'set' on a

谁践踏了优雅/ 2023年10月16日 18:08/ 0 赞/ 49 阅读

相关 Uncaught TypeError: Cannot create property ‘LAY_TABLE_INDEX‘ on number ‘2

一. 问题背景 > 后台：SSM框架 > 前端：layui框架 > 描述：一个商城，登录普通用户，进入后台管理，查看当前用户的一些信息和操作。（因为当前登录的是普通

以你之姓@/ 2023年07月19日 10:38/ 0 赞/ 85 阅读

相关 vue -- Uncaught TypeError: Cannot set property 'innerHTML' of null

每次报错弄不出来，然后也没有管他，只是换用别的方法，这一次终于是忍不住了错误原因为document中的innerHTML为空，也就是说在加载js文件时，找不到其中调用的对象

柔情只为你懂/ 2023年06月06日 12:14/ 0 赞/ 47 阅读

相关 Uncaught TypeError: Cannot set property ‘onmouseover‘ of undefined（数组越界问题）

如果调用函数的过程中数组越界就会报错。 <!DOCTYPE html> <html lang="en"> <head> <meta

我就是我/ 2022年09月12日 13:47/ 0 赞/ 179 阅读

相关【JavaScript】页面加载解决Uncaught TypeError: Cannot set property of undefined at

在初学js的时候，有同学会遇到 Uncaught TypeError: Cannot set property 'onmouseover' of undefined

╰+哭是因爲堅強的太久メ/ 2022年06月11日 09:12/ 0 赞/ 309 阅读

相关 Uncaught TypeError: Cannot read property 'msie' of undefined

1、错误描述 Uncaught TypeError: Cannot read property 'msie' of undefined TypeError:

叁歲伎倆/ 2022年06月10日 04:07/ 0 赞/ 272 阅读

相关 Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'age'

今天学习阮一峰老师的es6时，跟着敲一个实例时出现这个错误。这个实例是： let validator = { set: function(obj,

红太狼/ 2022年05月26日 13:28/ 0 赞/ 585 阅读

相关 Uncaught TypeError: Cannot read property 'addEventListener'

"Uncaught TypeError: Cannot read property ‘addEventListener’ of null" 标签元素还没有创建就调用引用标签的

谁借莪１个温暖的怀抱￠/ 2022年04月15日 06:20/ 0 赞/ 284 阅读

相关 Uncaught TypeError: Cannot read property 'opera' of undefined

1、错误描述 Uncaught TypeError: Cannot read property 'opera' of undefined jquery

秒速五厘米/ 2022年02月18日 14:01/ 0 赞/ 328 阅读

相关 Uncaught TypeError: Cannot set property 'render' of undefined

1、错误描述 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJs

本是古典何须时尚/ 2022年01月27日 15:29/ 0 赞/ 306 阅读