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

前期00：深度：从 Office 365 新图标来看微软背后的设计新理念

前期01：尝试：Script Lab，快速 Office 365 开发工具

前期02：尝试：Script Lab，知识储备

本期03：实践：Script Lab，启动函数，Excel 基础操作（1）

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

准备工作

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

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

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

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 插件，或是个不错的主意。