検索
ホームページWeChat アプレットミニプログラム開発ES6 新機能開発 WeChat アプレット (2)
ES6 新機能開発 WeChat アプレット (2)Mar 25, 2017 pm 05:24 PM
アプレットWeChat アプレットWeChatの開発

テンプレートリテラル(テンプレートオブジェクト)

ES6のテンプレート文字列(Template String)は、文字列テキストに式を埋め込むことができる文字列リテラル(String Literal)です。

これらは、通常の文字列の引用符 ' または " の代わりにバッククォート文字 ` が使用される点を除いて、通常の文字列と同じように見えます。

ES6 新機能開発 WeChat アプレット (2)

通常の文字列との違いは、 であることです。テンプレート文字列は複数行で記述することができます

ES6 新機能開発 WeChat アプレット (2)

テンプレート文字列内のすべてのスペース、改行、インデントは、生成される拡張リテラルにそのまま出力されます

。 ES6 では 2 つの新しい数値ベース識別子が追加され、2 番目の文字は 2 進数を表す b、2 番目の文字は 8 進数を表す o です。表現Unicode。

拡張正規表現 (拡張正規表現)

ES6 新機能開発 WeChat アプレット (2)ES6 は、「Unicode モード」を意味する u 修飾子を使用して、uFFFF より大きい Unicode 文字を正しく処理します。 、4 バイトの UTF-16 エンコーディングは正しく処理されます。uD83DuDC2A は 1 文字を表します。「u」を追加すると、ES5 に従って 2 文字として認識されます。 "、ES6 として正しく認識されます。文字です。

ES6 は、「sticky」修飾子と呼ばれる y 修飾子を正規表現に追加します。y 修飾子には、g 修飾子と同様の機能があります。これはグローバル一致でもあります。次の一致は、前の一致に基づいて行われます。違いは、g 修飾子は残りの位置での一致のみを必要とするのに対し、y 修飾子では一致が必ず開始されることです。残りの最初の位置 ES6 は、正規表現に y 修飾子が設定されているかどうかを示すために使用される Sticky 属性を追加します。正規表現

を返します。

拡張オブジェクト リテラル

ES6 では、新しいプロパティの簡潔な表現が追加され、変数や関数をオブジェクトのプロパティやメソッドとして直接記述できるようになります。この種の書き方はより簡潔です。

ES6 新機能開発 WeChat アプレット (2)

プロパティの省略形に加えて、ES6 メソッドも省略形にすることができます。

ES6 新機能開発 WeChat アプレット (2)

ES6 では、新しい属性名の式が追加され、オブジェクトを定義するときにオブジェクトの属性名としてリテラルを使用できるようになります。つまり、式を角かっこ内に配置できます。

ES6 新機能開発 WeChat アプレット (2)

ES6 新機能開発 WeChat アプレット (2)代入の構造化

ES6 では、配列やオブジェクトから値を抽出し、特定のパターンに従って変数に値を割り当てることができます。これを構造化と呼びます。

代入の構造化を行うと、配列やオブジェクトのリテラルと同様の構文を使用して、配列やオブジェクトのプロパティをさまざまな変数に割り当てることができます。この代入構文は非常に簡潔で、従来のプロパティ アクセス方法よりも明確です。

配列の代入を分割すると、配列から値を抽出し、対応する位置に従って変数に値を代入できます。

ES6 新機能開発 WeChat アプレット (2)

オブジェクトの代入を分割します。

ES6 新機能開発 WeChat アプレット (2)

文字列の代入を分割すると、文字列は配列のようなオブジェクトに変換されます。

ES6 新機能開発 WeChat アプレット (2)

関数パラメータの構造化代入

ES6 新機能開発 WeChat アプレット (2)

以上がES6 新機能開発 WeChat アプレット (2)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
微信小程序架构原理基础详解微信小程序架构原理基础详解Oct 11, 2022 pm 02:13 PM

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于基础架构原理的相关内容,其中包括了宿主环境、执行环境、小程序整体架构、运行机制、更新机制、数据通信机制等等内容,下面一起来看一下,希望对大家有帮助。

微信小程序常用API(总结分享)微信小程序常用API(总结分享)Dec 01, 2022 pm 04:08 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要总结了一些常用的API,下面一起来看一下,希望对大家有帮助。

微信小程序云服务配置详解微信小程序云服务配置详解May 27, 2022 am 11:53 AM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于云服务的配置详解,包括了创建使用云开发项目、搭建云环境、测试云服务等等内容,下面一起来看一下,希望对大家有帮助。

浅析微信小程序中自定义组件的方法浅析微信小程序中自定义组件的方法Mar 25, 2022 am 11:33 AM

微信小程序中怎么自定义组件?下面本篇文章给大家介绍一下微信小程序中自定义组件的方法,希望对大家有所帮助!

微信小程序实战项目之富文本编辑器实现微信小程序实战项目之富文本编辑器实现Oct 08, 2022 pm 05:51 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于富文本编辑器的实战示例,包括了创建发布页面、实现基本布局、实现编辑区操作栏的功能等内容,下面一起来看一下,希望对大家有帮助。

西安坐地铁用什么小程序西安坐地铁用什么小程序Nov 17, 2022 am 11:37 AM

西安坐地铁用的小程序为“乘车码”。使用方法:1、打开手机微信客户端,点击“发现”中的“小程序”;2、在搜索栏中输入“乘车码”进行搜索;3、直接定位城市西安,或者搜索西安,点击“西安地铁乘车码”选项的“去乘车”按钮;4、根据腾讯官方提示进行授权,开通“乘车码”业务即可利用该小程序提供的二维码来支付乘车了。

简单介绍:实现小程序授权登录功能简单介绍:实现小程序授权登录功能Nov 07, 2022 pm 05:32 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了怎么实现小程序授权登录功能的相关内容,下面一起来看一下,希望对大家有帮助。

微信小程序开发工具介绍微信小程序开发工具介绍Oct 08, 2022 pm 04:47 PM

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于开发工具介绍的相关内容,包括了下载开发工具以及编辑器总结等内容,下面一起来看一下,希望对大家有帮助。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター