uniappx语法差异汇总(附详细示例)

// 1.解构

const { a, b } = response.data; // 不支持
const data = {...response.data, ...other} // 不支持
// 2.对象的变量取值
const a = "a"; 
const obj = {
  a() {
    return "test";
  },
};
obj[a](); // 不支持

// 3. 函数返回Promise时同时有resolve和reject会有类型推断问题。
const promiseExample = (param: booleam) => { // 会报错，暂未找到解决办法，只能全部使用Promise.reslove
	if(param) {
		return Promise.reslove("")
	} else {
		return Promise.reject(new Error())
	}
}
// 4. 不支持短路操作
const str = other || "get" //错误用法，str在APP上为 false

let str: string; // 正确用法：显式的为变量赋值
if(typeof other === "string") {
	str === other
} else {
	str === "get"
}
// 5. 没有隐式类型转换

const a = ""
if(a) { // 错误用法，会报类型错误
	// handles
}
if(typeof a === "string") { // 正确用法1
	// handles
}
if(a === "") {// 正确用法2
	// handles
}

// 6. 对象未定义属性值引用

const config = {
	a: "a"
}
fun(config.g) // Unresolved reference: g
// 7. 为对象的可选属性的属性赋值
	interface MyObject {
		optionalProp?: {
			nestedProp: string;
		};
	}
	const obj: MyObject = {
		// ...
	}
	// 为可选属性的属性赋值包含两步,分别是逻辑判断是否为空和类型断言
		if (typeof obj.optionalProp === "object") {
			obj.optionalProp!.nestedProp = "1234"
		}
// 8. Promise.all()的返回值不能确定类型，所以要显式的处理一次
 Promise.all(dataList.map(handles as Promise<string>))// 返回类型为Promise<unknow[]>,需要在.then的成功回调里return类型明确的值
 .then((res : string[]) => res.join(","))