百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

一个人开发一个产品,小程序从0到1,第3章 框架语法

ztj100 2024-12-05 18:06 11 浏览 0 评论

很多简历上有着”精通“二字的人,却联基础知识都不过关。建议学编程的同志,最好耐着性子,从框架语法学起,否则总有一天,你还是得从框架语法学起。

微信小程序的js,是一套脚本语言,结合WXML,可以构建出页面的结构。它与JavaScript是不同的语言,有着自己的语法。语法内容有关键字、注释、输出等。

3.1 关键字

关键字可用于表示控制语句的开始或结束,或者用于执行特定操作等。关键字是语言保留的,不能用作标识符,如变量名不能用关键字var,常量名不能用const。关键字在开发工具中,常用亮丽的色彩,让你着迷。

delete void typeof null undefined NaN Infinity

var let const if else true false

require this function arguments return for while

do break continue switch case default

3.2 注释

js注释方式,有以//开头的单行注释和以/*开始*/结束,既/* */的双行注释。注释是给开发人员看的,不是给机器瞧的。不以注释为编程任务的程序员都是耍流氓。

/** 
   * 首次渲染完毕时执行
   * 一个页面只执行一次 
   */
  onReady: function() {
    //读取初始值
  }

3.3 输出

在js文件中,可通过console.log(var)在控制台输出信息,方便开发者调用js代码,查找代码的相关问题,它是一个使用频率很高的功能。其中var变量,可以是数组类型,对象类型或者字符串类型等,它可以接受一个或多个参数,将它们连接起来输出。

1. 用法

用console.log()输出一个或多个变量值时,在值与值之间会自动添加空格并且会自动在每次输出的结尾添加换行符。

废话不多说,代码才是硬核,打开pages/index/index.js文件,进行内容大变身。

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    motto: 'Hello World'
  },
  //事件处理函数
  bindViewTap: function() {},
  onLoad: function() {
    console.log('我有个特别好听的名字:', '西门吹水');
    console.log('我不会武功,只会吹水');
  }
}) 

输出内容

我有个特别好听的名字: 西门吹水
我不会武功,只会吹水

2. 占位符

在console.log()中,可以通过一些特有的占位符进行信息的加工输出,让输出结果更符合你的个性化要求,支持的占位符有:字符串(%s)、整数(%d或%i)、浮点数(%f)、对象(%o)和样式(%c)。

onLoad: function() {
    console.log('西门%c吹%c水', 'color:green', 'color:red');
    console.log('会特别难的%s算术', '加法');
    console.log('%d + %d =', 1, 1, 2);
}

3. 特殊方法

在开发时,当需要统计一段代码的执行时间时,可以使用console.time方法标记开始时间与console.timeEnd方法标记结束时间,并且将结束时间与开始时间之间经过的毫秒数在控制台中输出。

在开发时,如果有对数据信息进行分组的需求,可用console.group()方法用于设置分组信息的起始位置,可用console.groupEnd()方法用于结束当前的分组,相关用法如下。

 onLoad: function() {
    console.time("运行时间");
    console.group("第一组信息");
    console.log("第一组第1行");
    console.log("第一组第2行");
    console.groupEnd();
    console.group("第二组信息");
    console.log("第二组第1行");
    console.log("第二组第2行");
    console.log("第二组第3行");
    console.groupEnd();
    console.timeEnd("运行时间");
  }  

4. 更多输出

在js文件中,除了可用console.log()输出信息,进行js代码调试外,还可用onsole.info()和console.debug()两个好基友。它们本质上与console.log()并没有多大的区别,只是另一个名字而以。

另外,可用console.warn()输出警告(提示)信息,它在输出的log前有个黄色的图标;可用console.error()输出错误信息,它在输出的log前有个红色的图标。

onLoad: function() {
    console.warn('不知有什么好提示的');
    console.error('你有错?我的错?--都不是,一切都是代码的错。')
  }

其他的还有几个,用的很少,我几乎不用,我就不讲了,有那个时间,还不如去研究研究下一节的内容:常量变量。

相关推荐

电脑装系统用GHOST好,还是原装版本好?老司机都是这么装的

Hello大家好,我是兼容机之家的咖啡。安装Windows系统是原版ISO好还是ghost好呢?针对这个的问题,我们先来科普一下什么是ghost系统,和原版ISO镜像两者之间有哪些优缺点。如果是很了解...

苹果 iOS 14.5.1/iPadOS 14.5.1 正式版发布

IT之家5月4日消息今日凌晨,苹果发布了iOS14.5.1与iPadOS14.5.1正式版更新。这一更新距iOS14.5正式版发布过去了一周时间。IT之家了解到,苹果表示,...

iOS 13.1.3 正式版发布 包含错误修复和改进

苹果今天发布了iOS13.1.3和iPadOS13.1.3,这是iOS13发布之后第四个升级补丁。iOS13.1.2两周前发布。iOS13.1.3主要包括针对iPad和...

还不理解 Error 和 Exception 吗,看这篇就够了

在Java中的基本理念是结构不佳的代码不能运行,发现错误的理想时期是在编译期间,因为你不用运行程序,只是凭借着对Java基本理念的理解就能发现问题。但是编译期并不能找出所有的问题,有一些N...

Linux 开发人员发现了导致 MacBook“无法启动”的 macOS 错误

“多个严重”错误影响配备ProMotion显示屏的MacBookPro。...

启动系统时无法正常启动提示\windows\system32\winload.efi

启动系统时无法正常启动提示\windows\system32\winload.efi。该怎么解决?  最近有用户遇到了开机遇到的问题,是Windows未能启动。原因可能是最近更改了硬件或软件。虽然提...

离线部署之两种构建Ragflow镜像的方式,dify同理

在实际项目交付过程中,经常遇到要离线部署的问题,生产服务器无法连接外网,这时就需要先构建好ragflow镜像,然后再拷到U盘或刻盘,下面介绍两种构建ragflow镜像的方式。性能测试(网络情况好的情况...

Go语言 error 类型详解(go语言 异常)

Go语言的error类型是用于处理程序运行中错误情况的核心机制。它通过显式的返回值(而非异常抛出)来管理错误,强调代码的可控性和清晰性。以下是详细说明及示例:一、error类型的基本概念内置接口...

Mac上“闪烁的问号”错误提示如何修复?

现在Mac电脑的用户越来越多,Mac电脑在使用过程中也会出现系统故障。当苹果电脑无法找到系统软件时,Mac会给出一个“闪烁的问号”的标志。很多用户受到过闪烁问号这一常见的错误提示的影响,如何解决这个问...

python散装笔记——177 sys 模块(python sys模块详解)

sys模块提供了访问程序运行时环境的函数和值,例如命令行参数...

30天自制操作系统:第一天(30天自制操作系统电子书)

因为咱们的目的是为了研究操作系统的组成,所以直接从系统启动的第二阶段的主引导记录开始。前提是将编译工具放在该文件目录的同级目录下,该工具为日本人川合秀实自制的编译程序,优化过的nasm编译工具。...

五大原因建议您现在不要升级iOS 13或iPadOS

今天苹果放出了iPadOS和iOS13的公测版本,任何对新版功能感兴趣的用户都可以下载安装参与测试。除非你想要率先体验Dark模式,以及使用AppleID来登陆Facebook等服务,那么外媒CN...

Python安装包总报错?这篇解决指南让你告别pip烦恼!

在Python开发中,...

苹果提供了在M1 Mac上修复macOS重装错误的方案

#AppleM1芯片#在苹果新的M1Mac推出后不久,我们看到有报道称,在这些机器上恢复和重新安装macOS,可能会导致安装错误,使你的Mac无法使用。具体来说,错误信息如下:"An...

黑苹果卡代码篇三:常见卡代码问题,满满的干货

前言...

取消回复欢迎 发表评论: