类似于jQuery的结构-ES6 JS链接
[英]jQuery like structure - ES6 JS Chaining
问题描述
这是我在StackOverflow上的第一篇文章，所以一开始我为我的英语不流利而感到抱歉；）但是我尝试用我的问题进行解释。
这是现场示例
class S { constructor(selectors) { let self = this; this.elements(selectors); } elements(selectors) { this.selectors = selectors; let result = document.querySelectorAll(this.selectors); if( result.length == 1 ) { result = result[0]; this.element = result; } else { this.elements = [].slice.call(result); } this.nodes = result; return this.nodes; } parent() { let self = this; if( !!this.element ) { this.nodes = this.element.parentNode; } else { this.elements.forEach = (item, key) => { self.elements[key] = item.parentNode; }; this.nodes = this.elements; } return this.nodes; } result(a) { return this.nodes; } } window.$ = (selectors) => { let el = new S(selectors); return el; }; console.log('first ex: ', $('#el') ) console.log('second ex: ', $('#el').parent() )
<html> <body> <div id="el">test</div> </body> </html>
如果打开浏览器控制台，您将看到以下内容：
[日志]首先是：–
S {selectors: "#el", element: <div id="el">, nodes: <div id="el">, …}
[日志]秒前：–
<body>…</body>
第二个示例是OK。 我只想返回一个HTML节点。 在第一个示例中，它应该仅返回<div id="el /> 。
有什么建议么？
1 个解决方案
解决方案1
0 2016-06-09 15:17:04
在first ex: this.nodes first ex:您将返回new S(...) ， second ex: this.nodes second ex: this.nodes （DOM对象）。
除非您扩展JS DOM操作，否则您不能指望在所有子功能都起作用的情况下获得DOMObject作为响应-jQuery也无法给您这种可能性。
尝试console.log(jQuery('.anything')) -它还返回一个对象，该对象具有DOM对象作为项目（确切的索引为0）。
您应该更改代码，使其始终返回S对象。
JS ES6 Promise Chaining
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.