面向对象编程思想

class Piece {/* 棋子类 */constructor(canvas) {/* 构造方法 */this.cs = canvas; /* 绑定画布 */this.pRadius = 20; /* 规定棋子半径 */}log() {console.log(this.pRadius);}
}
class Checkerboard {/* 棋盘类 */constructor(canvas,style) {this.cs = canvas;this.length = 50; /* 规定方格长度 */this.se=style;}draw() {let width = parseInt(this.se.width);let height = parseInt(this.se.height);// let height = parseInt(this.cs.style.height);this.cs.clearRect(0, 0, width, height);this.cs.save();this.cs.fillStyle='rgb(174, 107, 45)'this.cs.fillRect(0, 0, width, height);console.log(width, height);this.cs.restore();for (let i = 0; i < 12; i++) {for (let j = 0; j < 12; j++) {this.cs.strokeRect(i * this.length, j * this.length, (i + 1) * this.length, (j + 1) * this.length)if (i == 3 && j == 3||i==9&&j==3||i==3&&j==9||i==9&&j==9||i==6&&j==6) {this.cs.beginPath();this.cs.arc(i * this.length, j * this.length, 3, 0, 2 * Math.PI, false);this.cs.fill();}}}}
}
document.ready = init; /* JS程序起点 */
function init() {/* 获取画布对象 */let c1 = document.getElementById('c1');let c1_style=window.getComputedStyle(c1,null);if (c1.getContext) {c1 = c1.getContext('2d');}/* 棋盘实例 */let cb1 = new Checkerboard(c1,c1_style);cb1.draw();/* 棋子实例 */let p1 = new Piece(c1);p1.log();}

@沉木

面向对象编程起步——神来之笔相关推荐

穿越梦想起锚远航──金旭亮新作《.NET 4.0面向对象编程漫谈》
注: 本人之新作--<.NET 4.0面向对象编程漫谈>之<基础篇>已经完成了出版前的各项准备工作,估计11月份可以上市,<应用篇>可能会晚一点推出. 本书< ...
新作《.NET 4.0面向对象编程漫谈》之序“穿越梦想、起锚远航”
序穿越梦想起锚远航注: 本人之新作--<.NET 4.0面向对象编程漫谈>之<基础篇>已经完成了出版前的各项准备工作,估计11月份可以上市,<应用篇>可能会晚 ...
为准大学生准备的C/C++编程起步教程
最近越来越多的其它领域的大佬陆陆续续来找我 "垂询" 编程起步的方法了,攥写本文一是考虑到逐个回复所费时间甚多,二者是鄙人的脑子实在不是很好用总是会出现记漏东西或者表述不清的情况. ...
【面向对象编程】(4) 类的继承，重构父类中的方法
各位同学好,今天和大家分享一下面向对象编程中,类的三大特征之继承.主要介绍:子类继承父类的基本方法:重写父类的类方法:重构父类的初始化方法:super() 方法.本节主要是单继承,多继承在下一节中介绍 ...
【面向对象编程】(3) 类之间的交互，依赖关系，关联关系
各位同学好,今天和大家分享一下面向对象编程中,类之间的交互,类之间的依赖关系和关联关系.有不明白的可见前一章节:https://blog.csdn.net/dgvv4/article/details/ ...
【面向对象编程】(1) 类实例化的基本方法
各位同学好,本章节和大家分享一下面向对象编程的一些方法,通过一些案例带大家由浅入深掌握面向对象的编程. 1. 最基本的类实例化创建类的方法是 class 变量名: ,实例化方法是类名() ,分配属 ...
C#编程概念系列(一)：面向对象编程
系列文章索引目录:http://www.cnblogs.com/loner/archive/2013/05/09/3068211.html 引子: 面向对象编程:这个在当下已不是什么时髦的概念,但通过 ...
JavaScript面向对象编程
自从有了Ajax这个概念,JavaScript作为Ajax的利器,其作用一路飙升.JavaScript最基本的使用,以及语法.浏览器对象等等东东在这里就不累赘了.把主要篇幅放在如何实现JavaScri ...
python面向对象的优点_Python面向对象编程——总结面向对象的优点
Python面向对象编程--总结面向对象的优点一.从代码级别看面向对象 1.在没有学习类这个概念时,数据与功能是分离的 def exc1(host,port,db,charset): conn=co ...

面向对象编程起步——神来之笔

面向对象编程思想

@沉木

面向对象编程起步——神来之笔相关推荐

最新文章

热门文章