开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Angular 8 matsort - TypeError:无法定义属性__source，对象不可扩展

Angular 8是一种流行的前端开发框架，它提供了丰富的工具和功能来构建现代化的Web应用程序。matsort是Angular Material库中的一个指令，用于对表格数据进行排序。

根据您提供的问题描述，TypeError: 无法定义属性__source，对象不可扩展是一个常见的错误，通常发生在尝试修改一个不可扩展的对象时。这个错误可能是由于以下原因之一引起的：

对象已被冻结：在JavaScript中，可以使用Object.freeze()方法来冻结一个对象，使其不可修改。如果尝试修改一个被冻结的对象，就会出现这个错误。解决方法是检查代码中是否有对该对象的冻结操作，并相应地修改或删除它。
对象属性已被定义为不可写：在JavaScript中，可以使用Object.defineProperty()方法来定义对象的属性。如果将属性的writable属性设置为false，那么该属性将变为只读，无法修改。解决方法是检查代码中是否有对该属性的定义，并相应地修改或删除它。
对象使用了严格模式：在JavaScript的严格模式下，对不可扩展的对象进行修改会抛出TypeError错误。解决方法是检查代码是否在严格模式下运行，并相应地修改或删除不必要的严格模式声明。

总结起来，当遇到TypeError: 无法定义属性__source，对象不可扩展错误时，需要检查代码中是否有对不可扩展对象的修改操作，包括对象的冻结、属性的定义以及严格模式的使用。根据具体情况进行相应的修改或删除操作，以解决这个错误。

关于Angular Material的matsort指令，它可以用于对表格数据进行排序。您可以在Angular Material官方文档中找到有关matsort的更多信息和示例代码。以下是腾讯云提供的一个相关产品和产品介绍链接地址：

腾讯云产品：云开发（CloudBase）产品介绍链接地址：https://cloud.tencent.com/product/tcb

相关搜索:Angular - TypeError:无法读取未定义的属性“”clearValidators“”Angular 8 "TypeError:无法读取未定义的属性'length‘“Angular 8 :：TypeError:为生产环境生成时，无法读取未定义的属性'kind‘Angular 8 TypeError:无法添加属性2，对象不可扩展 Angular 8错误名称:无法读取未定义的属性‘TypeError’Angular TypeError:无法读取未定义的属性'name‘Angular TypeError无法设置未定义的属性'Data‘Angular: TypeError:无法读取未定义的属性'map‘Chrome扩展TypeError :未捕获绑定，无法读取未定义的属性“”TypeError“”TypeError:无法添加属性x，对象不可扩展

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

重温 ES6 Symbol

Symbol("foo") + "bar" // TypeError 6.Symbol 工厂函数返回的 symbol，可作为对象的属性名，可以避免属性冲突，在 for...in 迭代中不可枚举 var...，当使用 JSON.stringify() 进行序列化时，该属性会被忽略 JSON.stringify({[Symbol("foo")]: "foo"}); // '{}' 8.Symbol 是唯一的...Symbol 外，在定义类的私有属性和方法时也可以使用。...return string.indexOf(this.value); } } 此外利用 Symbol.search 我们还可以让 String.prototype.search() 方法调用我们自定义对象内部的...) 语句把 ‘Angular7’ 转换为字符串对象 new String("Angular7") 由于 article 是对象，这里不需要进行转换调用 ‘Angular7’ 字符串对象的 search

9092 0

【JS】547- 200行JS代码，带你实现代码编译器（人人都能学会）

推荐一篇文章《Angular 2 JIT vs AOT》介绍得非常详细。...（图片来自：https://segmentfault.com/a/1190000008739157）在 Angular 的 AOT 编译模式开发流程如下：使用 TypeScript 开发 Angular...3.5 代码生成接下来到了最后一步，我们定义「代码生成器」 codeGenerator 方法，通过递归，将新的 AST 对象代码转换成 JavaScript 可执行代码字符串。...// 代码生成器参数：新 AST 对象 function codeGenerator(node) { switch (node.type) { // 遍历 body 属性中的节点，且递归调用.../a/1190000008739157 [2] 编译器: https://zh.wikipedia.org/wiki/%E7%B7%A8%E8%AD%AF%E5%99%A8?

2.6K4 0

ES6--对象的扩展

延续之前的关于ES6的学习内容整理，该篇主要是整理ES6中关于对象的扩展，希望对大家有帮助。之前已经整理了ES6--字符串扩展和ES6--函数扩展，大家有兴趣可以移步了解。...javascript中定义对象属性，最常见的方式如下: let obj = {} obj.iseditable = true ES6中允许用表达式作为对象的属性，将表达式放在一对中括号中，如下： let...但undefined和null无法转化为对象，所有以它们为参数时，会报错。...但如果undefined或null是作为带合并数据，则不会报错，因为无法转化为对象，所有跳过。...Object.assign拷贝的属性是有限制的，只拷贝源对象的自身属性（不拷贝继承属性），也不拷贝不可枚举的属性（enumerable: false）。

6042 0

【图文详解】200行JS代码，带你实现代码编译器（人人都能学会）

推荐一篇文章《Angular 2 JIT vs AOT》介绍得非常详细。...[1585444832720-63703404-8cc9-45da-b38b-c8c482474d89.png#align=left&display=inline&height=252&originHeight...的 AOT 编译模式开发流程如下：使用 TypeScript 开发 Angular 应用运行 ngc 编译应用程序使用 Angular Compiler 编译模板，一般输出 TypeScript...3.5 代码生成接下来到了最后一步，我们定义代码生成器 codeGenerator 方法，通过递归，将新的 AST 对象代码转换成 JavaScript 可执行代码字符串。...// 代码生成器参数：新 AST 对象 function codeGenerator(node) { switch (node.type) { // 遍历 body 属性中的节点，且递归调用

3.1K0 0

来自1000多个项目的10大JavaScript错误浅析

在Chrome里读取未定义对象的属性或调用未定义对象的方法时就会发生这个错误，在Chrome开发者控制台可以很容易地重现这个错误。...TypeError: ’undefined’ is not an object 在Safari里读取未定义对象的属性或调用未定义对象的方法时就会发生这个错误，在Safari开发者控制台可以很容易地重现这个错误...TypeError: null is not an object 在Safari里读取空（null）对象的属性或调用空对象的方法时就会发生这个错误，在Safari开发者控制台可以很容易地重现这个错误。...TypeError: Object doesn’t support property 在IE里读取未定义对象的属性或调用未定义对象的方法时就会发生这个错误，在IE开发者控制台可以很容易地重现这个错误。...8.

6.2K8 0

【前端基础进阶】JS-Object 功能详解

该方法主要用于对象的合并，将源对象source的所有可枚举属性合并到目标对象target上,此方法只拷贝源对象的自身属性，不拷贝继承的属性。...也就是说，这个对象永远是不可变的。该方法返回被冻结的对象。...，Object.preventExtensions，Object.seal 或 Object.freeze 方法都可以标记一个对象为不可扩展（non-extensible） ---- Object.seal...密封一个对象会让这个对象变的不能添加新属性，且所有已有属性会变的不可配置。属性不可配置的效果就是属性变的不可删除，以及一个数据属性不能被重新定义成为访问器属性，或者反之。但属性的值仍然可以修改。...尝试删除一个密封对象的属性或者将某个密封对象的属性从数据属性转换成访问器属性，结果会静默失败或抛出TypeError 异常. 不会影响从原型链上继承的属性。

1.5K2 0

【前端】：对象、原型、继承

图1-5 configurable=false，仍可以转换writable为false enumerable：enumerable定义了对象的属性是否可以在 for...in 循环和 Object.keys...常量属性（不能改动属性）结合 configuration:false 和 writable:false就可以创建一个真正的常量属性（不可修改、重定义或者删除）。 ? ? 1.2.2....禁止扩展（不能新增属性）如果一个对象可以添加新的属性，则这个对象是可扩展的。...Object.preventExtensions()将对象标记为不再可扩展，因此它将永远不会具有超出它被标记为不可扩展的属性。注意，一般来说，不可扩展对象的属性可能仍然可被删除。 ? ?...会创建一个冻结对象，这个方法会在一个现有对象上调用 Object.seal(...) 并把所有“数据访问”属性标记为 writable:false，这样就无法修改它们值。

1.1K5 0

Js中Reflect对象

修改某些Object方法返回的结果，例如Object.defineProperty(obj, name, desc)方法在无法定义属性的时候会抛出异常，而Reflect.defineProperty(obj...，如果未在对象上成功定义属性，则返回TypeError。...如果设置的原型不是Object或null，或者被修改的对象的原型不可扩展，则抛出TypeError。...preventExtensions() Object.preventExtensions()返回被设为不可扩展的对象，如果参数不是对象，则在ES5中抛出TypeError，在ES2015中，参数如为不可扩展的普通对象...如果对象已变得不可扩展，则Reflect.preventExtensions() 返回true，否则返回false。如果参数不是对象，则抛出TypeError。

3.7K1 0

js对象拷贝方法

Object.getOwnPropertyDescriptors(obj) ); Object.assign(targetObj,sourceObj)，浅拷贝不是深拷贝，循环引用、各种数据类型都可以拷贝，引用类型不是深拷贝它不会拷贝对象的继承属性...；它不会拷贝对象的不可枚举的属性；不可以拷贝对象中的对象；可以拷贝 Symbol 类型的属性；无法正确拷贝属性和属性可以拷贝undefined/boolean/null/function/Date.../RegExp/array/array中的对象；参考阮一峰文档： https://es6.ruanyifeng.com/#docs/object-methods#Object-assign 扩展运算符...这几种类型，经过 JSON.stringify 序列化之后的字符串中这个键值对会消失；拷贝 Date 引用类型会变成字符串；无法拷贝不可枚举的属性；无法拷贝对象的原型链；拷贝 RegExp 引用类型会变成空对象...；对象中含有 NaN、Infinity 以及 -Infinity，JSON 序列化的结果会变成 null；无法拷贝对象的循环引用，如果对象中有循环引用，会报错： Uncaught TypeError

2.4K2 0

es3-es10整理

如果一个对象可以添加新的属性，则这个对象是可扩展的。Object.preventExtensions()将对象标记为不再可扩展，这样它将永远不会具有它被标记为不可扩展时持有的属性之外的属性。...注意，一般来说，不可扩展对象的属性可能仍然可被删除。尝试将新属性添加到不可扩展对象将静默失败或抛出TypeError（最常见的情况是strict mode (en-US)中，但不排除其他情况）。...这种行为只针对内部的 [[prototype]] 属性，目标对象的其它属性将保持可变。一旦将对象变为不可扩展的对象，就再也不能使其可扩展。...属性不可配置的效果就是属性变的不可删除，以及一个数据属性不能被重新定义成为访问器属性，或者反之。但属性的值仍然可以修改。...如果这个对象是密封的，则返回 true，否则返回 false。密封对象是指那些不可扩展的，且所有自身属性都不可配置且因此不可删除（但不一定是不可写）的对象。

1.4K2 0

JavaScrip最容易犯的十大错误及其避免方法（）

Uncaught TypeError: Cannot read property 如果你是一个javascript开发者，你肯定看到过此错误读取属性或调用方法的对象的未定义这可能由于许多原因而发生，...反过来，这意味着ItemList将项目定义为未定义，并且您在控制台中收到错误 - “Uncaught TypeError：无法读取未定义的属性’map’”。这很容易解决。...8. TypeError: Cannot read property ‘length’ 您通常会在数组中找到定义的长度，但如果未初始化数组或者在另一个上下文中隐藏变量名，则可能会遇到此错误。...Uncaught TypeError: Cannot set property 当我们尝试访问未定义的变量时，它总是返回undefined，我们无法获取或设置undefined的任何属性。...在这种情况下，应用程序将抛出“Uncaught TypeError无法设置未定义的属性”。 10.

1471 0

ECMAScript 6教程 (二) 对象和函数

---- JavaScript语言定义对象的属性，有两种方法。...如果使用字面量方式定义对象（使用大括号），在ES5中只能使用方法一（标识符）定义属性。...var obj = { 　　foo: true, 　　abc: 123}; ES6允许字面量定义对象时，用方法二（表达式）作为对象的属性名，即把表达式放在方括号内。...，复制到目标对象 ---- Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。...函数体内的this对象，绑定定义时所在的对象，而不是使用时所在的对象。不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。

3704 0

JavaScript 权威指南第七版（GPT 重译）（五）

此外，尝试更改不可扩展对象的原型（参见§14.3）将始终抛出 TypeError。请注意，一旦将对象设置为不可扩展，就没有办法再使其可扩展。...另外，请注意，调用Object.preventExtensions()只影响对象本身的可扩展性。如果向不可扩展对象的原型添加新属性，那么不可扩展对象将继承这些新属性。...()，但除了使对象不可扩展外，它还使该对象的所有自有属性不可配置。...false; }, // 实际上, 这意味着对象不可扩展 isExtensible(o) { return false; }, // 所有属性已在此对象上定义, 因此无法...TypeError：get()返回的值与目标不匹配代理强制执行许多附加不变性，几乎所有这些不变性都与不可扩展的目标对象和目标对象上的不可配置属性有关。

2261 0

ES6之路--对象的扩展

属性名表达式 ES6里允许定义对象的时候用表达式作为对象的属性名或者方法名，即把表达式放在方括号里。...注意：每个参数必须是对象，否则会报TypeError错误。...如果目标对象与源对象有同名属性，或多个源对象有同名的属性，则后面的属性会覆盖前面的属性 Object.assign只复制自身属性，不可枚举的属性和继承属性不会被复制属性名为Symbol值的属性，也会被...for…in循环遍历对象自身和继承的可枚举的属性（不含Symbol属性） Object.keys(obj)返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含Symbol属性，但是包含不可枚举属性...let a = { c:5,d:6 }; let b = { e:7,f:8 }; let ab = {...a,...b}; ab //{c:5,d:6,e:7,f:7} 扩展运算符还可以自定义属性，

5012 0

JS 中的 Reflect 和 Proxy

defineProperty 与Object.defineProperty类似，但是当对象无法定义时Object.defineProperty会报错而Reflect.defineProperty不会，它会返回...isExtensible(target) 与Object.isExtensible类似，判断一个对象是否可扩展（是否可以在它上面添加新的属性），它们的不同点是，当参数不是对象时（原始值），Object的将它强制转变为一个对象...handler是一个对象，其属性是当执行一个操作时定义代理的行为的函数。...注意，如果目标对象不可扩展（non-extensible），则defineProperty不能增加目标对象上不存在的属性，否则会报错。...另外，如果目标对象的某个属性不可写（writable）或不可配置（configurable），则defineProperty方法不得改变这两个设置。

8662 0

【JS】312- 复习 JavaScript 严格模式（Strict Mode）

在 JavaScript 中，可以使用下面代码定义对象属性不可写 JavaScript 代码: const car = {}Object.defineProperty(car, 'color', { value...: Cannot set property color of # which has only a getter })() 非严格模式允许扩展一个不可扩展的对象： JavaScript 代码: const...string 'test'})() 删除错误在非严格模式，如果你尝试删除无法删除的属性，JavaScript 只返回 false ，而在严格模式下，它会引发 TypeError： JavaScript...SyntaxError: Duplicate parameter name not allowed in this context 八进制 JavaScript 代码: console.log(010)})()//8...你仍然可以使用 0oXX 语法在严格模式下启用八进制数字： JavaScript 代码: ;(() => { 'use strict' console.log(0o10)})()//8 移除了 with

1K3 0

JS深浅复制

而针对这些内置对象，扩展运算符无法复制它们特殊属性（这些属性在语言标准中也叫内部槽[internal slots]） let originalReg = new RegExp('789', 'g');...(enumerable) 虽然一些属性属于对象的自身属性，但是它是「不可枚举」的，这些属性也不能被复制。...扩展运算符在副本中「直接定义新的属性」 Object.assign()通过「赋值的方式」来处理副本中对应属性 ❝赋值操作调用自己或者继承的setter函数，而定义属性不是。...能够复制所有自有属性解决扩展运算符无法复制原对象的setter/getter函数 const original = { get myGetter() { return 789 }, set mySetter...实现逻辑就是利用 for-in对对象的属性进行遍历(自身属性+继承属性) source.hasOwnProperty(i)判断是否是「非继承」的「可枚举」属性 typeof source[i] ===

4.1K2 0

扩展 Object.assign 实现深拷贝

但两种方案结合一下，其实也就是该需求的实现方案了，所以要么扩展深拷贝方案，增加与目标对象属性的交集处理和冲突处理；要么扩展 Object.assign，让它支持深拷贝。...遍历原对象属性，基本类型则值拷贝，对象类型则递归遍历 Reflect.ownKeys(source).forEach(key => { // 6....跳过自有的不可枚举的属性 if (!...Reflect.ownKeys(node.data).forEach(key => { // 过滤不可枚举属性...没有考虑属性值是内置对象的场景，比如 /sfds/ 正则，或 new Date() 日期这些类型的数据为了解决循环引用和引用关系丢失问题而加入的 hash 缓存无法识别一些属性冲突场景，导致同时存在冲突和循环引用时

2K2 0

深入学习 JavaScript——Object 对象

，一个不可扩展的对象的 _proto_ 属性是不可变的 let obj = {}; Object.preventExtensions(obj); obj....如果存在分配错误，此函数将引发 TypeError，这将终止复制操作。如果目标属性不可写，则将引发 TypeError。...阻止对象扩展 Object.preventExtensions() 用来限制对象的扩展，设置之后，对象将无法添加新属性。对象的属性不可用扩展，但是已存在的属性可以被删除。...无法添加新属性指的是无法在自身上添加属性，如果是在对象的原型上，还是可以添加属性的。 Object.isExtensible() 方法用来判断一个对象是否可扩展。...冻结对象 Object.freeze() 方法用来冻结一个对象，被冻结的对象将无法添加，修改，删除属性值，也无法修改属性的特性值，即这个对象无法被修改。

6162 0

JavaScript 对象所有API解析【2020版】

Object.defineProperty 是仅 ES5 支持，且无法 shim 的特性，这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器的原因。...，并为其设置原型，用（上述）属性描述符来定义对象的原型属性。...Object.isExtensible(deadline); // false deadline.date = 'today'; deadline.date; // 'today' // 尽管向某个不可扩展的对象中添加属性不算是一个错误操作...（source）的所有可枚举的属性复制到目标对象（target）。...它至少需要两个对象作为参数，第一个参数是目标对象target，后面的参数都是源对象（source）。只有一个参数不是对象，就会抛出TypeError错误。

1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭