【constructor】在一个函数的原型上新增了一个方法，但是通过函数.方法名去调用就会报错，但是在函数的原型上可以看到那个方法

最新推荐文章于 2024-09-11 15:33:18 发布

逆风飞翔的代码单身狗

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量96

点赞数

分类专栏： constructor javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_41530639/article/details/115865084

版权

javascript 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

constructor

1 篇文章 0 订阅

订阅专栏

当在JavaScript函数的原型上添加方法，尝试通过函数名直接调用时出现错误，可能的原因是该函数尚未被实例化。确保先创建函数实例再调用原型上的方法。

摘要由CSDN通过智能技术生成


        function Game(){
            this.dom = document.querySelector('#canvas')
            this.ctx = this.dom.getContext('2d')

            this.R = {
                'changge':'./images/wyyc.png',
                'sea':'./images/xxdj.png',
                'city':'./images/zfjg.png',
                'zg':'./images/zg.png',
                'ztly':'./images/ztly.png',
                'xx':'./images/xx.png'
            }
            let imgUrl = Object.keys(this.R)
            // console.log(imgUrl)
            let allMount = imgUrl.length
            let count = 0
            let that = this
            for(var i in this.R){
                // 先备份地址
                var src = this.R[i]

                this.R[i] = new Image()
                this.R[i].src = src


                // 预存一份canvas
                var self = this
                console.log(self.start)
                this.R[i].onload = function(){
                    count ++
                    self.ctx.clearRect(0,0,canvas.width,canvas.height)

                    self.ctx.font = '16px Arial'

                    self.ctx.fillText('图片已经加载了'+count+'/'+allMount+'张',10,50)
                    if(count == allMount){
                        self.ctx.drawImage(self.R['xx'],100,100,600,300)
                    }
                }
            }
        }
        // console.log(this.Game.prototype.start)
        Game.prototype.start = function(){
            // var self = this
            // this.ctx.drawImage(this.R['xx'],300,300,100,100)
            console.log(123)
        }
        // Game()
        new Game()

很有可能是因为整个函数你并没有实例化，导致执行不了这个原型上的方法