Cannot read property ‘getComponent’ of undefined，
就一个网上很简单的五子棋代码，我一点击棋盘，他不会出棋子而报错，就上面的错误。
具体代码如下：
cc.Class({
extends: cc.Component,
properties: {
overSprite:{
default:null ,
type:cc.Sprite,
},
overLabel:{
default:null ,
type:cc.Label,
},
chessPrefab:{
default:null,
type:cc.Prefab,
},
chessList:{
default:[] ,
type:[cc.node]
},
whiteSpriteFrame:{
default:null,
type:cc.SpriteFrame,
},
blackSpriteFrame:{
default:null ,
type:cc.SpriteFrame,
},
touchChess:{
default:null,
type:cc.Node,
visible:false,
},
gameState:'white',
fiveGroup:[],
fiveGroupScore:[]
},
restartGame(){
cc.director.loadScene('Game');
},
toMenu(){
cc.director.loadScene('Menu');
},
ai(){
//评分
var self=this;
for(var i=0;i<self.fiveGroup.length;i++){
var b=0;//五元组里黑棋的个数
var w=0;//五元组里白棋的个数
for(var j=0;j<5;j++){
self.getComponent(cc.Sprite).spriteFrame
if(self.chessList[self.fiveGroup[i][j]].getComponent(cc.Sprite).spriteFrame == self.blackSpriteFrame){
b++;
}else if(self.chessList[self.fiveGroup[i][j]].getComponent(cc.Sprite).spriteFrame == self.whiteSpriteFrame){
w++;
}
}
if(b+w==0){
this.fiveGroupScore[i] = 7;
}else if(b>0&&w>0){
this.fiveGroupScore[i] = 0;
}else if(b==0&&w==1){
this.fiveGroupScore[i] = 35;
}else if(b==0&&w==2){
this.fiveGroupScore[i] = 800;
}else if(b==0&&w==3){
this.fiveGroupScore[i] = 15000;
}else if(b==0&&w==4){
this.fiveGroupScore[i] = 800000;
}else if(w==0&&b==1){
this.fiveGroupScore[i] = 15;
}else if(w==0&&b==2){
this.fiveGroupScore[i] = 400;
}else if(w==0&&b==3){
this.fiveGroupScore[i] = 1800;
}else if(w==0&&b==4){
this.fiveGroupScore[i] = 100000;
}
}
//找最高分的五元组
var hScore=0;
var mPosition=0;
for(var i=0;i<this.fiveGroupScore.length;i++){
if(this.fiveGroupScore[i]>hScore){
hScore = this.fiveGroupScore[i];
mPosition = (function(x){//js闭包
return x;
})(i);
}
}
//在最高分的五元组里找到最优下子位置
var flag1 = false;//无子
var flag2 = false;//有子
var nPosition = 0;
for(var i=0;i<5;i++){
if(!flag1&&this.chessList[this.fiveGroup[mPosition][i]].getComponent(cc.Sprite).spriteFrame == null){
nPosition = (function(x){return x})(i);
}
if(!flag2&&this.chessList[this.fiveGroup[mPosition][i]].getComponent(cc.Sprite).spriteFrame != null){
flag1 = true;
flag2 = true;
}
if(flag2&&this.chessList[this.fiveGroup[mPosition][i]].getComponent(cc.Sprite).spriteFrame == null){
nPosition = (function(x){return x})(i);
break;
}
}
//在最最优位置下子
this.chessList[this.fiveGroup[mPosition][nPosition]].getComponent(cc.Sprite).spriteFrame = this.whiteSpriteFrame;
this.touchChess = this.chessList[this.fiveGroup[mPosition][nPosition]];
this.judgeOver();
},
judgeOver(){
var x0 = this.touchChess.tag % 15;
var y0 = parseInt(this.touchChess.tag / 15);
//判断横向
var fiveCount = 0;
for(var x = 0;x < 15;x++){
if((this.chessList[y0*15+x].getComponent(cc.Sprite)).spriteFrame === this.touchChess.getComponent(cc.Sprite).spriteFrame){
fiveCount++;
if(fiveCount==5){
if(this.gameState === 'black'){
this.overLabel.string = "你赢了";
this.overSprite.node.active = true;
}else{
this.overLabel.string = "你输了";
this.overSprite.node.active = true;
}
this.gameState = 'over';
return;
}
}else{
fiveCount=0;
}
}
//判断纵向
fiveCount = 0;
for(var y = 0;y < 15;y++){
if((this.chessList[y*15+x0].getComponent(cc.Sprite)).spriteFrame === this.touchChess.getComponent(cc.Sprite).spriteFrame){
fiveCount++;
if(fiveCount==5){
if(this.gameState === 'black'){
this.overLabel.string = "你赢了";
this.overSprite.node.active = true;
}else{
this.overLabel.string = "你输了";
this.overSprite.node.active = true;
}
this.gameState = 'over';
return;
}
}else{
fiveCount=0;
}
}
//判断右上斜向
var f = y0 - x0;
fiveCount = 0;
for(var x = 0;x < 15;x++){
if(f+x < 0 || f+x > 14){
continue;
}
if((this.chessList[(f+x)*15+x].getComponent(cc.Sprite)).spriteFrame === this.touchChess.getComponent(cc.Sprite).spriteFrame){
fiveCount++;
if(fiveCount==5){
if(this.gameState === 'black'){
this.overLabel.string = "你赢了";
this.overSprite.node.active = true;
}else{
this.overLabel.string = "你输了";
this.overSprite.node.active = true;
}
this.gameState = 'over';
return;
}
}else{
fiveCount=0;
}
}
//判断右下斜向
f = y0 + x0;
fiveCount = 0;
for(var x = 0;x < 15;x++){
if(f-x < 0 || f-x > 14){
continue;
}
if((this.chessList[(f-x)*15+x].getComponent(cc.Sprite)).spriteFrame === this.touchChess.getComponent(cc.Sprite).spriteFrame){
fiveCount++;
if(fiveCount==5){
if(this.gameState === 'black'){
this.overLabel.string = "你赢了";
this.overSprite.node.active = true;
}else{
this.overLabel.string = "你输了";
this.overSprite.node.active = true;
}
this.gameState = 'over';
return;
}
}else{
fiveCount=0;
}
}
//没有输赢交换下子顺序
if(this.gameState === 'black'){
this.gameState = 'white';
}else{
this.gameState = 'black';
}
},
// use this for initialization
onLoad: function () {
this.overSprite.node.active = false;
var self = this ;
for(var y=0 ;y<15 ;y++){
for(var x=0; x<15 ; x++){
var newChess = cc.instantiate(this.chessPrefab) ;
this.node.addChild(newChess);
newChess.setPosition(cc.p(x*40+20 ,y*40+20));
newChess.on(cc.Node.EventType.TOUCH_END, function(event){
self.touchChess = this ;
if(self.gameState === 'black' && this.getComponent(cc.Sprite).spriteFrame === null){
this.getComponent(cc.Sprite).spriteFrame = self.blackSpriteFrame ;
self.judgeOver();
if(self.gameState === 'white'){
self.ai();
}
}
});
this.chessList.push(newChess);
}
}
// 白棋先在棋盘正中下一子
this.chessList[112].getComponent(cc.Sprite).spriteFrame = self.whiteSpriteFrame ;
// 下一步该黑棋下
this.gameState = 'black' ;
//添加五元数组
//横向
for(var y=0;y<15;y++){
for(var x=0;x<11;x++){
this.fiveGroup.push([y*15+x,y*15+x+1,y*15+x+2,y*15+x+3,y*15+x+4]);
}
}
//纵向
for(var x=0;x<15;x++){
for(var y=0;y<11;y++){
this.fiveGroup.push([y*15+x,(y+1)*15+x,(y+2)*15+x,(y+3)*15+x,(y+4)*15+x]);
}
}
//右上斜向
for(var b=-10;b<=10;b++){
for(var x=0;x<11;x++){
if(b+x<0||b+x>10){
continue;
}else{
this.fiveGroup.push([(b+x)*15+x,(b+x+1)*15+x+1,(b+x+2)*15+x+2,(b+x+3)*15+x+3,(b+x+4)*15+x+4]);
}
}
}
//右下斜向
for(var b=4;b<=24;b++){
for(var y=0;y<11;y++){
if(b-y<4||b-y>14){
continue;
}else{
this.fiveGroup.push([y*15+b-y,(y+1)*15+b-y-1,(y+2)*15+b-y-2,(y+3)*15+b-y-3,(y+4)*15+b-y-4]);
}
}
}
},
});