微信小程序之JavaScript_在微信小程序的js文件中编写函数的注意点

        

目录

1、JavaScript简介

1.1、JavaScript数据类型

1.2、JavaScript函数

1.3、JavaScript字符串

 1.4、JavaScript 类型转换

1.5、JavaScript 错误 - throw、try 和 catch

1.6、JavaScript 调试

1.7、JavaScript 异步编程

1.7.1、Promise

1.7.2、异步函数

1.8、函数定义

1.9、函数参数

---

学习路径：菜鸟教程，主要就是熟悉一下JavaScript的语法规则，然后我学习的是微信小程序，所以JavaScript很多内容都不需要，例如在html中的使用

1、JavaScript简介

• JavaScript 拥有动态类型，使用关键字 var 来定义变量，返回时确定数据类型
• JavaScript使用分号分割语句（非必要），使用分号是可以在一行执行多条语句
• JavaScript中的let命令所在的代码块内有效
• JavaScript中的const不需要声明变量类型，c语言用法const int a，现在 const a即可

1.1、JavaScript数据类型

        值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol（表示独一无二的值）。

        引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。

        注意：对象由花括号分隔。在括号内部，对象属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔，访问时的两种方法：

object.name;
object["name"];

1.2、JavaScript函数

        函数声明，关键词 function 必须是小写的（小程序好像可以不需要function）

function myFunction(var1,var2)
{
    //执行代码
}

1.3、JavaScript字符串

 1.4、JavaScript 类型转换

• typeof 操作符来查看 JavaScript 变量的数据类型
• String()和toString()可以将数字/和布尔值转换为字符串：String(123)/String(false)
• toExponential()把对象的值转换为指数计数法。
• toFixed()把数字转换为字符串，结果的小数点后有指定位数的数字。
• toPrecision()把数字格式化为指定的长度。
• Number() 可以将字符串/布尔值转换为数字：Number("123")，Number(false)
• Number() 和getTime() 可将日期转换为数字，返回秒数：Number(new Date()) 

        注意事项：例如var x = 10 + "5";竟然可以正常运行返回"105"，这样在自己调用的时候需要注意其类型，避免出现自己混淆出现程序跑飞的情况

1.5、JavaScript 错误 - throw、try 和 catch

• try 语句允许我们定义在执行时进行错误测试的代码块， try 和 catch 是成对出现的。
• catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。
• throw 语句创建自定义错误。
• finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。

1.6、JavaScript 调试

• console.log() 方法在调试窗口上打印 JavaScript 值

1.7、JavaScript 异步编程

        异步的概念：程序的运行是同步的（同步不意味着所有步骤同时运行，而是指步骤在一个控制流序列中按顺序执行）。而异步的概念则是不保证同步的概念，也就是说，一个异步过程的执行将不再与原有的序列有顺序关系。JavaScript 中的异步操作函数往往通过回调函数来实现异步任务的结果处理。

        回调函数就是一个函数，它是在我们启动一个异步任务的时候就告诉它：等你完成了这个任务之后要干什么。这样一来主线程几乎不用关心异步任务的状态了，他自己会善始善终。例如：

//这段程序中的 setTimeout 就是一个消耗时间较长（3 秒）的过程，
它的第一个参数是个回调函数，第二个参数是毫秒数，
这个函数执行之后会产生一个子线程，子线程会等待 3 秒
setTimeout(function () {
    document.getElementById("demo").innerHTML="RUNOOB!";
}, 3000);

1.7.1、Promise

        新建一个JavaScript Promise 对象

new Promise(function (resolve, reject) {
    // 要做的事情...
});

        Promise 构造函数只有一个参数，是一个函数，这个函数在构造之后会直接被异步运行，所以我们称之为起始函数。起始函数包含两个参数 resolve 和 reject，但是请注意以下两点：

• resolve 和 reject 的作用域只有起始函数，不包括 then 以及其他序列；
• resolve 和 reject 并不能够使起始函数停止运行，别忘了 return。

1.7.2、异步函数

        异步函数 async function 中可以使用 await 指令，await 指令后必须跟着一个 Promise，异步函数会在这个 Promise 运行中暂停，直到其运行结束再继续运行。

        异步函数实际上原理与 Promise 原生 API 的机制是一模一样的，只不过更便于程序员阅读。

处理异常的机制将用 try-catch 块实现：

async function asyncFunc() {
    try {
        await new Promise(function (resolve, reject) {
            throw "Some error"; // 或者 reject("Some error")
        });
    } catch (err) {
        console.log(err);
        // 会输出 Some error
    }
}
asyncFunc();

1.8、函数定义

        箭头函数

//定义
(参数1, 参数2, …, 参数N) => { 函数声明 }
 
(参数1, 参数2, …, 参数N) => 表达式(单一)
// 相当于：(参数1, 参数2, …, 参数N) =>{ return 表达式; }
//实例
// ES5
var x = function(x, y) {
     return x * y;
}
 
// ES6
const x = (x, y) => x * y;

1.9、函数参数

• JavaScript 函数定义显式参数时没有指定数据类型。
• JavaScript 函数对隐式参数没有进行类型检测。
• JavaScript 函数对隐式参数的个数没有进行检测。

例如函数参数检测：

//	如果 y 已经定义，y || 0 返回 y，因为 y 是 true，
否则返回 0，因为 undefined 为 false。
function myFunction(x, y) {
    y = y || 0;
}