要使类可迭代,必须实现一个方法,其名称为符号Symbol.iterator。该方法必须返回具有next()方法的迭代器对象。...如果一个数据属性不可配置且不可写,你就无法改变它的值。但是,如果一个属性是可配置但不可写的,你可以改变它的值(因为这与使其可写,然后改变值,然后将其转换回不可写是一样的)。...粗略地说,对于期望或偏好字符串值的转换,JavaScript 首先调用对象的toString()方法,如果未定义或未返回原始值,则回退到valueOf()方法。...对于偏好数值的转换,JavaScript 首先尝试valueOf()方法,如果未定义或未返回原始值,则回退到toString()。最后,在没有偏好的情况下,它让类决定如何进行转换。...TypeError:get()返回的值与目标不匹配 代理强制执行许多附加不变性,几乎所有这些不变性都与不可扩展的目标对象和目标对象上的不可配置属性有关。
apples oranges pears 还有数组的 entries 方法,它返回一个可迭代对象。这个可迭代对象在每次循环中返回键和值。...一个普通的 javascript 对象是不可迭代的。...@@ 表示法有点误导性,我们真正 要做的是用预定义的 Symbol.iterator 符号定义方法。...为了消除这个错误,需要用迭代器方法来返回实现了迭代器协议的对象。这意味着迭代器方法需要返回一个有 next 键的对象,而 next 键是一个函数。...如果值为 true(表示迭代器已完成迭代),则说明迭代已结束。 如果 done 为 false 或不存在,则需要 value 键。value 键是通过循环此应该返回的值。
当一个对象需要被迭代的时候(比如开始用于一个for..of循环中),它的@@iterator方法被调用并且无参数,然后返回一个用于在迭代中获得值的迭代器。...说的云山雾罩的,简单总结: 1、迭代器就是满足迭代器协议的对象 2、迭代器对象的原型上必须有一个@@iterator 方法。 3、这个方法可以被对象上的Symbol.iterator属性访问到。...5、能被for of 循环的就是迭代器。 可迭代对象的必须存在[Symbol.iterator]方法,该方法一个无参函数,返回迭代器协议的对象。...迭代器对象包含一个next()函数,该函数返回值有两种: 如果迭代未结束,返回如下 return { value: 'item', // item是本次迭代值,可以为任意对象 done: false...} 如果迭代已结束,返回如下 return { done: true } 下面是未提供迭代器的示例。
[头发证的会掉完] 概念 symbol 是一种基本数据类型。Symbol() 函数会返回 symbol 类型的值,该类型具有静态属性和静态方法。...拥有 Symbol.iterator 函数的对象被称为 可迭代对象 ,就是说你可以在对象上使用 for/of 循环。...假设不用 Symbol.iterator ,可迭代对象需要有一个字符串属性名 'iterator',就像下面这个可迭代对象的类: class MyClass { constructor (obj...由于 sysmbol 无法在 JSON 里表示,因此不用担心给 Express API 传入带有不合适的 Symbol.iterator 属性的数据。...symbol` 不会出现在 Object.keys() 的结果中,因此除非你明确地 export 一个 symbol,或者用 Object.getOwnPropertySymbols() 函数获取,否则其他代码无法访问这个属性
迭代器协议 for … of只能迭代满足【迭代器协议】的对象 可迭代对象的必须存在[Symbol.iterator]方法,该方法一个无参函数,返回迭代器协议的对象。...迭代器对象包含一个next()函数,该函数返回值有两种: 如果迭代未结束,返回如下return { value: ‘item’, // item是本次迭代值,可以为任意对象 done: false }...如果迭代已结束,返回如下return { done: true } 下面是未提供迭代器的示例。...const obj = { name: 'xialei', id: 1, [Symbol.iterator]: function () { // 迭代器属性 const keys = Object.keys...其他可迭代对象 String,Array,Map,Set,TypedArray是所有内置的可迭代对象,他们的原型对象都有一个[Symbol.iterator]方法。
Uncaught TypeError: Cannot read property 如果你是一个javascript开发者,你肯定看到过此错误 读取属性或调用方法的对象的未定义 这可能由于许多原因而发生,...反过来,这意味着ItemList将项目定义为未定义,并且您在控制台中收到错误 - “Uncaught TypeError:无法读取未定义的属性’map’”。 这很容易解决。...最简单的方法:在构造函数中使用合理的默认值初始化状态。...Uncaught TypeError: Cannot set property 当我们尝试访问未定义的变量时,它总是返回undefined,我们无法获取或设置undefined的任何属性。...在这种情况下,应用程序将抛出“Uncaught TypeError无法设置未定义的属性”。 10.
表示该值是否为Set的成员 keys()/values() 返回一个新的迭代器对象,该对象包含Set对象中的按插入顺序排列的所有元素的值 entries() 返回一个新的迭代器对象,该对象包含Set对象中的按插入顺序排列的所有元素的值的...Symbol出现之前,我们会经常遇到多个不相同的库操作的DOM属性相同,导致第三方库无法正常运行。Symbol解决了“对象属性名都是字符串、数字,这容易造成属性名的冲突”的问题。...var s1 = Symbol.for("foo"); Symbol.keyFor(s1) // "foo" 常用Symbol值 (1)Symbol.iterator @@iterator用于为对象定义一个方法并返回一个属于所对应对象的迭代器...(注意,ES5无法模拟该特性)。 元编程重点在于:在一个程序的内容、运行环境、配置等都不做任何修改的情况下,可以通过其他程序对其进行读取或修改。...configurable和writable属性为false时,监听方法最后返回值必须与目标对象的原属性值一直。
无论返回值是什么类型,每次访问对象的属性就是属性访问,如果属性访问返回的是一个函数,那它也并不是一个“方法”。属性访问返回的函数和其他函数没有任何区别(除了可能发生的隐式绑定this)。...即使在对象的文字形式中声明一个函数表达式,这个函数也不会“属于”这个对象,它们只是对于相同函数对象的多个引用。...//undefined console.log(myObject.b);//undefined 仅通过返回值无法判断一个属性是存在并且持有一个undefined值,还是变量不存在,所以[[Get]]无法返回某个特定值而返回默认的...还是 defineProperty(...)中的显示定义,二者都会在对象中创建一个不包含值的属性,对于这个属性的访问会自动调用一个隐藏函数,它的返回值会被当作属性访问的返回值。...,而是一个返回迭代器对象的函数,调用迭代器的next()方法会返回形式为 {value: ... , done: ...}的值,value是当前的遍历值,done是一个布尔值,表示是否还是可以遍历的值。
; i++) { console.log(colors[i]);} 看着很简单,但是再回顾这段代码,实际上我们仅仅是需要数组中元素的值,但是却需要提前获取数组长度,声明索引变量等,尤其当多个循环嵌套的时候...迭代器 所谓迭代器,其实就是一个具有 next() 方法的对象,每次调用 next() 都会返回一个结果对象,该结果对象有两个属性,value 表示当前的值,done 表示遍历是否结束。...,但有的时候不仅需要使用值还需要使用索引,ES6 为数组、Map、Set 集合内建了以下三种迭代器: entries() 返回一个遍历器对象,用来遍历[键名, 键值]组成的数组。...,仅仅是在有 return 函数的时候执行了 return 函数而已,return 函数中返回的值其实并不生效…… 但是你不返回值或者返回一个基本类型的值的话,结果又会报错…… TypeError: Iterator...函数的返回值其实并不生效 T^T
; i++) { console.log(colors[i]); } 看着很简单,但是再回顾这段代码,实际上我们仅仅是需要数组中元素的值,但是却需要提前获取数组长度,声明索引变量等,尤其当多个循环嵌套的时候...迭代器 所谓迭代器,其实就是一个具有 next() 方法的对象,每次调用 next() 都会返回一个结果对象,该结果对象有两个属性,value 表示当前的值,done 表示遍历是否结束。...,比如有的时候我们仅需要数组中的值,但有的时候不仅需要使用值还需要使用索引,ES6 为数组、Map、Set 集合内建了以下三种迭代器: entries() 返回一个遍历器对象,用来遍历[键名, 键值]组成的数组...,仅仅是在有 return 函数的时候执行了 return 函数而已,return 函数中返回的值其实并不生效…… 但是你不返回值或者返回一个基本类型的值的话,结果又会报错…… TypeError: Iterator...函数的返回值其实并不生效 T^T
; i++) { console.log(colors[i]); } 看着很简单,但是再回顾这段代码,实际上我们仅仅是需要数组中元素的值,但是却需要提前获取数组长度,声明索引变量等,尤其当多个循环嵌套的时候...迭代器 所谓迭代器,其实就是一个具有 next() 方法的对象,每次调用 next() 都会返回一个结果对象,该结果对象有两个属性,value 表示当前的值,done 表示遍历是否结束。...,比如有的时候我们仅需要数组中的值,但有的时候不仅需要使用值还需要使用索引,ES6 为数组、Map、Set 集合内建了以下三种迭代器: entries() 返回一个遍历器对象,用来遍历[键名, 键值]组成的数组...,仅仅是在有 return 函数的时候执行了 return 函数而已,return 函数中返回的值其实并不生效…… 但是你不返回值或者返回一个基本类型的值的话,结果又会报错…… TypeError: Iterator...函数的返回值其实并不生效 T^T 作者:冴羽 https://github.com/mqyqingfeng/Blog/issues/98
为了变成可迭代对象,一个对象必须实现@@iterator方法,意思是这个对象(或者它原型链prototype chain上的某个对象)必须有一个名字是Symbol.iterator的属性: 属性 值 [...Symbol.iterator] 返回一个对象的无参函数,被返回对象符合迭代器协议 当一个对象需要被迭代的时候(比如开始用于一个for...of循环中),它的@@iterator方法被调用并且无参数,...然后返回一个用于在迭代中获得值的迭代器。...当一个对象被认为是一个迭代器时,它实现了一个next()的方法并且拥有以下含义: 属性 值 next 返回一个对象的无参函数,被返回对象拥有两个属性: 1. done(boolean) - 如果迭代器已经经过了被迭代序列时为...这时value可能描述了该迭代器的返回值 - 如果迭代器可以产生序列中的下一个值,则为false。这等效于连同done属性也不指定。 2. value - 迭代器返回的任何JavaScript值。
,从数组最小索引开始,前者返回第一个匹配的元素,后者匹配第一个匹配元素索引,可接受第二个参数,用于指定断言函数内部this的值 迭代方法 迭代方法接收两个参数:以每一项为参数运行的函数,可选的作为函数运行上下文的作用域对象...定型数组有一个Symbol.iterator符号属性,因此可以通过for..of循环和扩展操作符来操作 # 合并、复制和修改定型数组 定型数组同样使用数组缓冲来存储数据,而数组缓冲无法调整大小,故以下方法不适用于定型数组...values()及其别名方法keys()(或者Symbol.iterator属性)取得这个迭代器 values()是默认迭代器,可以直接对集合实例使用扩展操作,把集合转换为数组 集合的entries()...可迭代对象中的每个值都会按照迭代顺序插入到新实例中 初始化之后可以使用 add()再添加新值,可以使用 has()查询,还可以使用 delete()删除 add()方法返回弱集合实例,因此可以把多个操作连缀起来...# 不可迭代值 WeakSet 中的值任何时候都可能被销毁,所以没必要提供迭代其值的能力 也用不着像 clear()这样一次性销毁所有值的方法 WeakSet 之所以限制只能用对象作为值,是为了保证只有通过值对象的引用才能取得值
当你读取一个属性或调用一个未定义对象的方法时,Chrome 中就会报出这样的错误。 ? 导致这个错误发生的原因有很多,常见的一种情况是在渲染 UI 组件时,不正确地初始化状态。...这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误,这与 Chrome 的上述错误基本相同,只是 Safari 使用不同的错误消息。 ? 3....如果将值传递给超出范围的函数,也可能会发生这种情况。许多函数只接受特定范围内的数字输入值。...TypeError: Cannot Read Property ‘length’ 这是 Chrome 中发生的错误,因为读取了未定义长度属性的变量。 ?...Uncaught TypeError: Cannot Set Property 当尝试访问未定义的变量时,总会返回 undefined。我们也无法获取或设置 undefined 的任何属性。
当你读取一个属性或调用一个未定义对象的方法时,Chrome 中就会报出这样的错误。 [image.png] 导致这个错误发生的原因有很多,常见的一种情况是在渲染 UI 组件时,不正确地初始化状态。...这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误,这与 Chrome 的上述错误基本相同,只是 Safari 使用不同的错误消息。...[image.png] TypeError: Null Is Not an Object (evaluating...) 这是在 Safari 中读取属性或调用空对象上的方法时发生的错误。...TypeError: Cannot Read Property ‘length’ 这是 Chrome 中发生的错误,因为读取了未定义长度属性的变量。...我们也无法获取或设置 undefined 的任何属性。在这种情况下,应用程序将抛出“Uncaught TypeError cannot set property of undefined”。
这就是为什么它们在循环结束时返回相同的值'3'。...// 因此,每个箭头函数返回一个不同的值。...在Mozilla文档中,如果一个对象实现了@@iterator方法,那么它就是可迭代的,这意味着这个对象(或者它原型链上的一个对象)必须有一个带有@@iterator键的属性,这个键可以通过常量Symbol.iterator...因此,在foo.getx()的例子中,它指向foo对象,返回90的值。而在xGetter()的情况下,this指向 window对象, 返回 window 中的x的值,即10。...要获取 foo.x的值,可以通过使用Function.prototype.bind将this的值绑定到foo对象来创建新函数。
当你读取一个未定义的对象的属性或调用其方法时,这个错误会在 Chrome 中出现。 您可以很容易的在 Chrome 开发者控制台中进行测试。 ?...2、 TypeError: ‘undefined’ is not an object 这是在 Safari 中读取属性或调用未定义对象上的方法时发生的错误。...此外,如果您将值传递给超出范围的函数,也可能会发生这种情况。 许多函数只接受其输入值的特定范围的数字。...8、 TypeError: Cannot read property ‘length’ 这是因为读取未定义变量的长度属性而发生的错误。 您可以在 Chrome 开发者控制台中进行测试。 ?...: Cannot set property 当我们尝试访问一个未定义的变量时,它总是返回 undefined,我们不能获取或设置任何未定义的属性。
以上数据类型,都有 Symbol.iterator 属性,属性值是一个函数,执行这个函数就会返回一个迭代器。这个迭代器就有 next 方法可顺序迭代子元素。...其中,value 属性是当前成员的值,done 属性是一个布尔值,表示遍历是否结束。 下面是模拟 next 方法返回值的例子。...Symbol.iterator 属性本身是一个函数,这个函数是当前数据结构默认的遍历器生成函数。执行这个函数,就会返回一个遍历器。...方法的返回值不是一个对象 for (let item of obj) { console.log(item); } // 测试 2 // 下面我们让Symbol.iterator方法的返回值是一个对象...Symbol.iterator属性对应一个函数,执行后返回当前对象的遍历器对象。 下面是另一个为对象添加 Iterator 接口的例子。
迭代过程 迭代的过程如下: 通过 Symbol.iterator 创建一个迭代器,指向当前数据结构的起始位置 随后通过 next 方法进行向下迭代指向下一个位置, next 方法会返回当前位置的对象,对象包含了...value 和 done 两个属性, value 是当前属性的值, done 用于判断是否遍历结束 当 done 为 true 时则遍历结束 下面通过一个简单的例子进行说明: const items...迭代器是协议(使用它们的规则)的一部分,用于迭代。该协议的一个关键特性就是它是顺序的:迭代器一次返回一个值。这意味着如果可迭代数据结构是非线性的(例如树),迭代将会使其线性化。...} } args("zero", "one"); // zero // one 普通对象不可迭代 普通对象是由 object 创建的,不可迭代: // TypeError for (let item...of 操作数必须是可迭代,这意味着如果是普通对象则无法进行迭代。
// 1、变量未定义便直接使用 console.log(my); // 报错:Uncaught ReferenceError: my is not defined // 翻译:my未定义 // 2、将变量赋值给一个无法被赋值的东东...、TypeError(类型错误):变量或参数不是预期类型,或调用对象不存在的属性方法。.../ 报错:Uncaught TypeError: userName is not a function // 翻译:userName 不是一个函数 // 3、对象的属性或方法不存在 const obj...userName' of undefined // 翻译:undefined的环境下无法读取属性“userName” 3、RangeError(范围错误):数据值不在JS所允许的范围内。...property initializer // 翻译:对象属性初始值无效。
领取专属 10元无门槛券
手把手带您无忧上云