                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /从JS到TS开发数独游戏（TS版）

改写的TS中grid.js中的check方法中的data赋值

在之前的JS版中toArray不是也是返回的HTMLIElement数组吗？HTMLIElement没有toArray方法，为什么那个能通过，而在TS版中就不可以

慕粉3221337

2017-11-12

源自：从JS到TS开发数独游戏（TS版） 1-6

关注问题我要回答

2035

操作

收起

3 回答

边城回答被采纳 +2 积分
2017-11-15

JS 没有类型检查，而 TS 进行了类型检查。由于 TypeScript 中 JQuery 的类型定义中它的 map 结果是一个 HTMLElemnt 数组，所以不能直接赋值给其它数组类型。实际数据在这里其实已经不是 HTMLElement 数组了，JS 运行时检查可以通过，但是 TS 转译期检查不能通过（因为类型转不过去）。TS 是按声明来检查，JS 是运行时按实际结果来检查，这应该就是主要区别。

1 回复有任何疑惑可以回复我~

收起回答

慕粉3221337 提问者

我懂了，可是我还有一个疑问，在这种情况下弹出false: <script type="text/javascript"> x=$("li").toArray() alert(x[0] instanceof jQuery); //弹出false </script> <ul> <li><span>1</span></li> <li><span>1</span></li> <li><span>1</span></li> </ul> (字数受限了，，，)

2017-11-17 回复有任何疑惑可以回复我~

慕粉3221337 提问者

而在你的JS版中在最后遍历toArray().map($data => {alert($data instanceof jQuery);$data.toArray()});中我添加了同样一条弹出,可结果是true,toArray()返回的也有可能是一个jQuery对象数组吗?

2017-11-17 回复有任何疑惑可以回复我~

边城回复慕粉3221337 提问者

注意 map 内部使用了 $data.toArray()，也就是说，$data 从逻辑处理上得到的就是一个 jQuery 对象。因为这个示例中，只有 jQuery 对象才有 toArray() 方法。所以可以先看看前端的逻辑，肯定是对一个二维 jQuery 对象（伪数组）进行两层 toArray() 操作。

2017-11-19 回复有任何疑惑可以回复我~