迭代器和生成器

//一个对象只要满足迭代器协议 这个对象就是迭代器 
		
		//可迭代对象 内部含有一个[Symbol.iterator],调用该方法会返回一个迭代器
		//例如 array，set，arguments都是可迭代对象 调用[Symbol.iterator]方法返回一个迭代器 然后可以通过next()拿到里面的值
		//for of只能遍历可迭代对象 ， forEach等方法不能遍历可迭代对象 
		
	
		var noth=['abc','cba','bca']
		var nameList=['xq','zl','hdh','wbj']
		class myIterator{			
			constructor(list) {
			    this.index=0
				this.list=list
			
				var that=this
				this.next=function(){
					
					return function a(){
					
						that.index++;
					
						if(that.index>that.list.length){
							return {done:true,value:'undefined'}
						}
						else{
							return {done:false,value:that.list[that.index-1]}
						}
				}
			}()
			
		}
		}
		var nameIterator=new myIterator(nameList)
		var	nothIterator=new myIterator(noth)


		listIterator={
			
			next:function(){
				var i=0;
				return function a(){
					i++;
					if(i>list.length){
						return {done:true,value:'undefined'}
					}
					else if(i==list.length){
						return {done:true,value:list[i-1]}
					}
					else{
						return {done:false,value:list[i-1]}
					}
					
				}
				
			}(),
				
		}
		
		function xxx(){
	 		var arg= arguments[Symbol.iterator]()
			// console.log(arg.next())
			// console.log(arg.next())
			// console.log(arg.next())
			for (var item of arguments){
				console.log(arg.next())
			}
		}
		xxx('1','2','3','5')
		
		console.log(document.getElementById('backtop').nodeType)
		var backtopIterator=	 document.getElementById('backtop').childNodes[Symbol.iterator]()
	
	
	
	
	/*
	注意
	//迭代器只能通过for of遍历 ，next()方法取值。并且迭代器对象一旦遍历完一遍之后(或者next()done之后)，
	再次遍历(或者再次next())就遍历/next()不到值了.
	下面举例
	*/
   
   // 首先我们创建一个可迭代对象list
   var list=[1,2,3,4]
   //生成array类型的迭代器
   var listIntera=list[Symbol.iterator]
	//我们首先使用迭代器的next()方法
	listIntera.next() //打印出1
	//然后再使用for of 遍历 这个迭代器
	for (var item of listIntera){
		console.log(item) //打印的结果和顺序为 2 3 4 		
		//是不是很奇怪 1 为什么没有被遍历出来 因为1在刚刚 迭代器使用next()已经迭代过了 所以就不会再进行迭代(遍历)
		
	}
	//如果反向思考，例如我们首先一开始使用for of将迭代器 遍历完，那么这个迭代器使用next()方法进行迭代时为done ，
	//因为我们使用for of已经将迭代器都迭代完了，自然就迭代不出东西了