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

准备工作

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

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

创建一张新的工作表，命名为"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 插件，或是个不错的主意。

目录索引