小程序开发JavaScript的基本知识点

小程序开发


浏览:1322 次

Javascript简介

Javascript(JS)是一种动态解释性编程语言,在虚拟机上运行,虚拟机最终调用计算机硬件资源进行计算。目前著名的虚拟机是chrome V8引擎。JS是一种弱类型语言。它使用var和let来定义变量,使用函数来定义函数,使用原型属性+新关键字来模拟面向对象的继承。在ES6中添加class关键字实际上是基于原型继承模式的语法糖,略有不同。例如:

当JS解释运行时时,虚拟机模拟x86的运行堆栈,运行时要搜索的变量类型遵循LEGB(本地关闭全局内置)规则。e是封闭环境,它解决了函数嵌套时的变量搜索,因此JS支持闭包函数。

Promise实现异步ES6标准本机提供了Promise对象,它被理解为异步程序执行的容器。Promise有三种状态(挂起、已满、已拒绝),您可以在状态更改后设置回调函数。注意:Promise更新后,在构造过程中传递的函数将立即执行,例如function(resolve,reject){…},(resolution在传递参数时只能传递一个参数)

async/await的组合可以优化代码结构。异步代码可以看起来像同步代码,方便调试,而不是使用then

函数readFile(){

return new Promise((resovle,reject)=>{

setTimeout(()=>{

安慰日志('读取文件已完成!')

解析()

}, 1000)

})

}

函数main(){

console.log('准备!!!!')

读取文件()。则(()=>{

console.log('finish')

})

}

异步函数main(){

console.log('准备!!!!')

等待readFile()

console.log('finish')

}

main()

有几种引入JavaScript模块化JS模块的方案:CommonJS、AMD、CMD、UMD、ES6导入等

CommonJS,module是对本规范中当前模块的引用,可以理解为类的引用。导出是一组输出接口。CommonJS模块是使用require引入的,也是最常用的。

AMD,异步加载

通用模块定义(UMD)与CommonJS和AMD兼容,因此它很常用,但代码量太大。

ES6导入。模块是一个独立的文件。无法从外部获取文件中的所有变量。export命令用于指定模块的外部接口。import命令用于输入其他模块提供的函数。ES6模块的设计思想是尽可能使其静态化,以便在编译时确定模块与输入和输出变量的相关性。(本段复制)

Webpack打包使您能够将多个JS文件,甚至图像、CSS和其他文件打包并合并到一个文件中,以便于参考。提供给第三方的api可以通过libraryTarget指定为umd,可以很容易地提供给第二方使用。具体配置详细信息https://www.webpackjs.com/concepts/小程序框架Wepy使用webpack并对其进行封装。vue框架可以通过vue-cli命令行使用,打包也可以通过webpack。

如果您需要将js-sdk提供给第三方,例如,其他小程序,您可以使用webpack打包umd模块并将其提供给第二方。

以上是开发小程序需要掌握的Javascript方面的基本知识。JS的基本语法是基础。同时,掌握以上几点就足以为小程序开发JS。