微信小程序（JS逻辑文件）_微信小程序js文件是什么语言-优快云博客

本文链接：https://blog.youkuaiyun.com/zuomengjia/article/details/103205589

本文详细介绍了微信小程序中JavaScript的使用，包括业务逻辑案例、API调用、执行环境和模块化。JavaScript在小程序中不同于浏览器和NodeJS，没有BOM和DOM，不支持某些ES6特性，但可以通过模块化组织代码。小程序执行环境因平台差异可能产生兼容问题，可使用ES6转ES5工具解决。此外，讲解了小程序中全局变量的设置和作用域规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，通过编写脚本文件来处理用户的操作。
小程序的主要开发语言是 JavaScript
JS 作用：
①开发者使用 JS来开发业务逻辑；
②调用小程序的 API 来完成业务需求。

①业务逻辑案例

交互案例：
点击 button 按钮的时候，希望界面显示 “Hello World”，于是在 button 上声明一个属性: bindtap ，在 JS 里声明 clickMe 方法来响应点击操作：
以上便是响应用户操作，下节介绍详细的事件。

②调用API案例

调用API：
除了业务逻辑外，开发者还可以在 JS 中调用小程序提供的丰富的 API，利用这些 API 可以很方便的调起微信提供的能力，例如获取用户信息、地理定位、本地存储、微信支付、扫一扫、界面交互等等。
在初始化的项目里，在 pages/index/index.js 就调用了 wx.getUserInfo 获取微信用户的头像和昵称，最后通过 setData 把获取到的信息显示到界面上。
更多API调用到之后课程详细介绍。
本节结合界面交互API做个简单案例
调用界面交互API案例：
wx.showToast(Object object)显示消息提示框
扫一扫API案例：
wx.scanCode(Object object)调起客户端扫码界面进行扫码
场景：
为了让用户减少输入，我们可以把复杂的信息编码成一个二维码，利用宿主环境/微信客户端wx.scanCode这个API调起微信扫一扫，用户扫码之后，wx.scanCode的success回调会收到这个二维码所对应的字符串信息。
例如餐厅点餐的小程序，我们给餐厅中每个餐桌编号1-100号，把这个数字编码到二维码中，扫码获得编号之后，就可以知道是哪一桌点的菜，大大提高点餐体验和效率。
在线二维码：草料二维码https://cli.im
扫一扫API案例–开启手机调试
真机测试小程序时，也可以开启手机调试模板
点击右上角按钮，弹框中选择打开调试，之后会自动关闭，重启即可

ECMAScript

在大部分开发者看来，ECMAScript和JavaScript表达的是同一种含义，但是严格的说，两者的意义是不同的。
ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言， JavaScript 是 ECMAScript 的一种实现。
简介：
ECMAScript(简称ES)是一个语言标准，javascript则是基于这个标准实现的脚本语言。
发展历史：
①命名：
javascript于1996年发布了第一版，当时的名字其实不叫javascipt，而是叫livescript，不过发布之后一直不温不火，正好这个时候sun公司推出来了一个面向对象的语言—Java，Java拥有很好的跨平台特性，所以很快得到了市场的认可。
②改名：
为了蹭Java的热度，livescript的母公司Netscape网景公司，就将livescript改为javascript，事实证明，这次名字改的非常明智。
③三足鼎立：
javascript的火爆引起了微软公司的注意，他们很快也推出了Jscript脚本语言，以此来抗衡Netscape公司，并且当时还有一门浏览器脚本语言，叫ScriptEase，这样市场上就有了三种脚本语言，并且各个语言各有特色，互不兼容。
④制定规范
1997年，Netscape给欧洲计算机制造商协会(European Computer Manufacturers Association，简称ECMA)提交了一个草案，要求根据javascript来制定一个浏览器脚本语言标准。
ECMA邀请了Netscape、Sun、微软、Borland和其他一些对脚本编程感兴趣的公司的程序员组成了一个技术委员会—第 39 技术委员会(TC39)，共同商讨制定了一个脚本语言的规范：ECMAScript。各个脚本语言必须按照规范来实现和约束自己的功能。
当然这个规范也是不断发展的，第一版规范叫做：ECMA-262，现在则以es+年份来命名，基本每年发一次新规范。
由此，JavaScript 的正式名称是 ECMAScript 。
⑤近期发布
2011年6月发布ECMAscript 5版本
2013年3月，ECMAScript 6草案冻结，不再添加新功能。新的功能设想将被放到ECMAScript 7。2013年12月，ECMAScript 6草案发布。然后是12个月的讨论期，听取各方反馈。2015年6月17日，ECMAScript 6发布正式版本，即ECMAScript 2015。所以ECMAScript 2015简称ES6。ES5和ES6
⑥分析：
关于Netscape为什么要提交草案建立标准，有一种说法是为了提高javascript的权威性，和行业影响力
JS是 ECMAScript 一种实现后，即ES是一个语言标准，JS则是基于这个标准实现的脚本语言。
理解这个关系可以帮助开发者理解小程序中的 JS同浏览器中的JS以及== NodeJS 中的JS==是不相同的。
ECMA-262 规定了 ECMAScript 语言的几个重要组成部分：
语法、类型、语句、关键字、操作符、对象

浏览器的JavaScript

浏览器中JavaScript 构成如下图：

在这里插入图片描述

浏览器中的JavaScript 是由 ECMAScript 和 BOM（浏览器对象模型）以及 DOM（文档对象模型）组成的，Web前端开发者很熟悉这两个对象模型，它使得开发者可以去操作浏览器的一些表现。

NodeJS的JavaScript

NodeJS中JavaScript 构成如下图：
NodeJS中的JavaScript 是由 ECMAScript 和 NPM以及Native模块组成，NodeJS的开发者会非常熟悉NPM 的包管理系统，通过各种拓展包来快速的实现一些功能

小程序的JavaScript

同开发者所熟悉的以上两个环境是不同的，小程序中 JavaScript 构成如图
小程序中的 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 中规定的语法和关键字是没有的或者同标准是有所不同的，例如：箭头函数、let const、模板字符串等…
方案：
一些开发者会发现有些代码在旧的手机操作系统上出现一些语法错误。为了解决这类问题，小程序IDE提供语法转码工具，将 ECMAScript 6代码转为 ECMAScript 5代码，从而在所有的环境都能得到很好的执行。
开发者需要在项目设置中，勾选 ES6 转 ES5 开启此功能