准备工作

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

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

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

目录索引Script Lab 01：快速 Office 365 开发工具Script Lab 02：Script Lab，知识储备Script Lab 03：Script Lab，启动函数，Excel 基础操作（1）Script Lab 04：Script Lab，九九乘法表，Excel 基础操作（2）Script Lab 05：Office JavaScript API助手，Excel 基础操作（3）Script Lab 06：事件处理，Excel 基础操作（4）Script Lab 07：单词“卡拉OK”，Word 基础操作Script Lab 08：异步调用函数，PowerPoint 基础操作Script Lab 09：为 Officejs 开发配置 VSCode 环境Script Lab 10：OIfficeJS 的三种调试方式