Script Lab 04：Script Lab，九九乘法表，Excel 基础操作（2）

2021-11-19 212

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Script Lab 04：Script Lab，九九乘法表，Excel 基础操作（2）

准备工作

女儿二年级了，开始学习乘法，天天回家背一篇九九乘法口决表。暂时还没人投稿，所以就想到用九九乘法表来做一个实例吧，也算有点小小的用处。

实现这个口算法分三个步骤：

创建一张新的工作表，命名为"9X9"；
从 A1 的位置开始打印剩法表；
乘法表之外的那个部分标上绿色（纯为了演示用）。

Office加载项是使用Web技术构建的，与 Excel 进行交互，这要还是靠 Javascript 语言。选择 JavaScript 语言花了点时间，最后确认使用 TypeScript，更接近于 C# ，确实要好用多了。

九九乘法表

【创建工作表】

创建工作表，还是花了不少时间，毕境还是不太习惯。最后是在 OfficeHelpers 空间中找到了，这点是跟 VBA/VSTO 不一样的地方，但是一通百通，明白了就 OK 了，下回专门为这个空间作个介绍吧，代码如下：

OfficeHelpers.

ExcelUtilities.

forceCreateSheet(context.workbook, "9X9");

【打印乘法表】上一课也讲了如何为单元格赋值，有了上课的基础，这里的代码就不是问题了。再加上一个循环就能 OK 了，而且循环的语法与 TypeScript 基本一致，关键代码如下：sheet.getCell(i, j).values = [[fmlTxt]];

【标注颜色】同样是一个循环，加上了一点格式处理的代码：.format.fill.color = "green";
selectionRange.format.autofitColumns();

Excel.run(async function (context) {
 //创建工作表 const sheet = await OfficeHelpers. ExcelUtilities. forceCreateSheet(context.workbook, "9X9"); sheet.activate();
 //打印剩法表 for (var i = 0; i < 9; i++) { for (var j = 0; j < 9; j++) { var fmlTxt = (i + 1).toString() + " * " + (j + 1).toString() + " = " + ((i + 1) * (j + 1)).toString(); sheet.getCell(i, j).values = [[fmlTxt]]; } }
 //标注颜色 var selectionRange = sheet.getRange("a1:i9"); selectionRange.format.fill.clear();
 for (var i = 0; i < 9; i++) { for (var j = 0; j < 9; j++) { if (i < j) { selectionRange.getCell(i, j) .format.fill.color = "green"; } } }
 selectionRange.format.autofitColumns();
 await context.sync();}).catch(OfficeHelpers.Utilities.log);

小技巧

无法执行：在编辑状态时，无法执行代码，按个回车退出下。

context.sync

在 OfficeJS 的 API 示例代码中，总能看到这样一句代码：

await context.sync();

从官网上查询一番，得到的意思大概是这样的，之前的代码只是添加到内部的执行队列中，并未真正执行，直到并等待被“更新”，context.sync() 便是此意，暂且称之为同步函数。而且文档中还提到，应该尽量减少同步函数的调用次数。每个 sync 都会造成宿主应用程序（此处是 Excel）的额外开销，尤期是在 Office Online 时，成本更是大大增加了。

今天的代码，主要是解决一个编程习惯的问题，去找一些现成的 VBA 代码去改造成 Web Add-ins 插件，或是个不错的主意。