美文网首页
微信小程序中的js文件

微信小程序中的js文件

作者: 君临天下夜未央 | 来源:发表于2018-12-04 10:40 被阅读9次

微信小程序的主要开发语言是 JavaScript ,开发者使用 JavaScript 来开发业务逻辑以及调用小程序的 API 来完成业务需求。但是,严格的意义上来说,小程序中 JavaScript 的同浏览器中的 JavaScript 以及 NodeJS 中的 JavaScript 是不相同的。

浏览器中的JavaScript 是由 ECMAScript 和 BOM(浏览器对象模型)以及 DOM(文档对象模型)组成的,Web前端开发者会很熟悉这两个对象模型,它使得开发者可以去操作浏览器的一些表现,比如修改URL、修改页面呈现、记录数据等等。

NodeJS中的JavaScript 是由 ECMAScript 和 NPM以及Native模块组成,NodeJS的开发者会非常熟悉 NPM 的包管理系统,通过各种拓展包来快速的实现一些功能,同时通过使用一些原生的模块例如 FS、HTTP、OS等等来拥有一些语言本身所不具有的能力。

小程序中的 JavaScript 是由ECMAScript 以及小程序框架和小程序 API 来实现的。同浏览器中的JavaScript 相比没有 BOM 以及 DOM 对象,所以类似 JQuery、Zepto这种浏览器类库是无法在小程序中运行起来的,同样的缺少 Native 模块和NPM包管理的机制,小程序中无法加载原生库,也无法直接使用大部分的 NPM 包。

明白了小程序中的 JavaScript 同浏览器以及NodeJS有所不同后,开发者还需要注意到另外一个问题,不同的平台的小程序的脚本执行环境也是有所区别的。

小程序目前可以运行在三大平台:

  • iOS平台,包括iOS9、iOS10、iOS11
  • Android平台
  • 小程序IDE

这种区别主要是体现三大平台实现的 ECMAScript 的标准有所不同。截止到当前一共有七个版本的ECMAScript 标准,目前开发者大部分使用的是 ECMAScript 5 和 ECMAScript 6 的标准,但是在小程序中, iOS9和iOS10 所使用的运行环境并没有完全的兼容到 ECMAScript 6 标准,一些 ECMAScript 6 中规定的语法和关键字是没有的或者同标准是有所不同的,所以一些开发者会发现有些代码在旧的手机操作系统上出现一些语法错误。为了帮助开发者解决这类问题,小程序IDE提供语法转码工具帮助开发者,将 ECMAScript 6代码转为 ECMAScript 5代码,从而在所有的环境都能得到很好的执行。开发者需要在项目设置中,勾选 ES6 转 ES5 开启此功能。


image.png

相关文章

  • 微信小程序开发--从零开始(简介)

    从零开始 微信小程序中只有四种类型的文件 js-----------JavaScript文件json-------...

  • 小程序基本构成

    微信小程序中就四种类型的文件 js ---------- JavaScrip文件 json -------- 项目...

  • 微信小程序中的js文件

    微信小程序的主要开发语言是 JavaScript ,开发者使用 JavaScript 来开发业务逻辑以及调用小程序...

  • 微信小程序第二弹,页面组成

    微信小程序页面组成结构每一个页面由上面四个文件组成.js文件,各种函数,就和网页的js类似,不过小程序的js文件不...

  • 小程序基础概念

    文档地址 微信基础概念 App 小程序全局文件 app.js) 小程序逻辑,注册小程序 app.json 小程序全...

  • 微信小程序开发笔记

    小程序的代码结构 文件类型 文件夹 pages用于存放页面文件utils.js工具函数 基本结构 微信小程序开发框...

  • 微信小程序

    微信小程序 基础技术设备 开发者工具的使用 框架全局文件 App.js小程序逻辑App.js文件用来定义全局数据和...

  • 微信小程序-页面跳转

    微信小程序-页面跳转 在页面结构(wxml)文件中创建相应的布局view控件,bindtap=“aaa” 在js页...

  • 微信小程序开发规范

    微信小程序里的四种文件 资源管理 资源文件 基础页面 样式文件 JS规范

  • 微信小程序开发教程(基础篇)7-数据绑定上

    在之前的教程中写到,微信小程序框架将程序分为逻辑层(.js文件)和视图层(.wxml文件)。这是一种常见的UI和逻...

网友评论

      本文标题:微信小程序中的js文件

      本文链接:https://www.haomeiwen.com/subject/tfqmcqtx.html