javascript - export 导出后方法报错undefined
问题描述
因为项目一开始没有集成jquery,所以很多的方法都是用原生来写的。今天到网上找了几个操作类名的方法,如下:
export const hasClass = (el, cls) => { return el.className.match(new RegExp(’(s|^)’ + cls + ’(s|$)’))}export const removeClass = function (el, cls) { if (hasClass(el, cls)) { var reg = new RegExp(’(s|^)’ + cls + ’(s|$)’)el.className = el.className.replace(reg, ’ ’) } }export const addClass = function (el, cls) { if (!this.hasClass(el, cls)) el.className += ' ' + cls}export const toggleClass = (el,cls) => { console.log(hasClass) if(hasClass(el,cls)){removeClass(el, cls) }else{addClass(el, cls) } }
但是在用的时候却一直会报错,如下:
Uncaught TypeError: Cannot read property ’hasClass’ of undefined at addClass (Route.js?7c64bfe…:27892) at HTMLpElement.item.onclick (Route.js?7c64bfe…:139726)
我打断点调试了下,还是没能找到问题出现的原因。不知道各位大神有没有遇到过同样问题的?
问题解答
回答1:export const addClass = function (el, cls) { if (!this.hasClass(el, cls)) el.className += ' ' + cls}就是this的问题。直接把this.去掉,固定调用模块内部的hasClass方法。
export const toggleClass = (el,cls) => { console.log(hasClass) if(hasClass(el,cls)){removeClass(el, cls) }else{addClass(el, cls) } }
toggleClass里调用addClass和removeClass倒是对的,怎么想起来调用hasClass时前面加this的?
回答2:要看你这个this.hasClass()中this指的对象是什么了。你可以看看这个this指的是不是全局对象
相关文章:
1. javascript - iscroll5 的使用2. angular.js - 用angular2-cli打包项目之后,跳转路由刷新会报404的错误3. angular.js - 请教angularjs里html和js通信的问题4. angular.js - angular-ueditor使用中,插入图片,加载完成后不更新angularmodel的问题;5. angular.js - angular2动态显示隐藏组件问题6. angular.js - 我想实现打印angular $scope数据,代码如何实现呢?求教(如下图)7. angular.js - 在用会话存储传递参数时,使用angularjs冲突8. node.js - 怎么在初始化的时候使得一个子组件不加载?9. 老师,按tab键不起作用怎么回事10. 新人做网站求帮助