258资源分享网

作者：Zuozuo ，来自授权地址 
微信小程序setData时

etData({

'array[0].name':'xiaoming'

})

但是在一般情况下，我们需要set的一个动态数组中的值，下标是随时变化的。

但是在set的时候必须说明【】下标是0-9的数字形式，而发送到服务器的时候却又是以字符串的形式发送。

因此，如果在其中使用变量，会被认为下标不是数字而报错不能正常运行。

如果使用如下的形式，又无法动态的改变前端的渲染数据。

this.data.array[0].name='xiaoming'

解决方法如下。

this.data.array[0].name='xiaoming'

this.setData({

array:this.data.array

})

在改变该数组后，重新把该数组发送到前端进行渲染。

分享者：吕周坤，来自授权地址  微信小程序中module.exports与exports的用法可以查看下面官方提供的文档，使用起来还是比较简单方便的，但时对于这两者的区别解释的不是很明白。  微信小程序官方文档--框架--逻辑层--模块化.png  为了更好的理解 exports 和module.exports 的关系，我们先来补点 js 基础。示例：

// index.js

Page({

onLoad: function(){

var a = {name: '张三'};

var b = a;

console.log(a);

console.log(b);

b.name = '李四';

console.log(a);

console.log(b);

var b = {name: '王五'};

console.log(a);

console.log(b);

}

})

运行 app.js 结果为：

{ name: '张三' }

{ name: '张三' }

{ name: '李四' }

{ name: '李四' }

{ name: '李四' }

{ name: '王五' }

解释一下：  a 是一个对象，b 是对 a 的引用，即 a 和 b 指向同一个对象，即 a 和 b 指向同一块内存地址，所以前两个输出一样。  当对 b 作修改时，即 a 和 b 指向同一块内存地址的内容发生了改变，所以 a 也会体现出来，所以第三四个输出一样。  当对 b 完全覆盖时，b 就指向了一块新的内存地址（并没有对原先的内存块作修改），a 还是指向原来的内存块，即 a 和 b 不再指向同一块内存，也就是说此时 a 和 b 已毫无关系，所以最后两个输出不一样。

明白了上述例子后，我们进入正题。我们只需知道三点即可知道exports 和module.exports 的区别了：

exports 是指向的module.exports 的引用；  module.exports 初始值为一个空对象{}，所以exports 初始值也是{}；  require() 返回的是module.exports 而不是exports。  所以：我们通过

var name = '张三';

exports.name = name;

exports.sayName = function() {

console.log(name);

}

给 exports 赋值其实是给module.exports 这个空对象添加了两个属性而已，上面的代码相当于：

var name = '张三';

module.exports.name = name;

module.exports.sayName = function() {

console.log(name);

}

下面就在微信小程序中module.exports和exports的区别做出示例

// common.js

function sayHello(name) {

console.log(`Hello ${name} !`);

}

function sayGoodbye(name) {

console.log(`Goodbye ${name} !`);

}

// 第一种情况，module.exports初始值为空对象，两个函数使用module.exports或exports都一样效果

module.exports.sayHello = sayHello;

module.exports.sayGoodbye = sayGoodbye;

exports.sayHello = sayHello;

exports.sayGoodbye = sayGoodbye;

// 第二种情况，module.exports初始值不为空对象，只能使用module.exports暴露接口，而不能使用exports暴露，会出现is not a function错误。

module.exports = {name:1};// module.exports给一个初始值

//以下两个正常使用

module.exports.sayHello = sayHello;

module.exports.sayGoodbye = sayGoodbye;

//使用以下两个会报错误sayHello is not a function

exports.sayHello = sayHello;