diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..6200374 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +prototype.buession.com diff --git a/docs/guide.md b/docs/guide.md new file mode 100644 index 0000000..7f6834d --- /dev/null +++ b/docs/guide.md @@ -0,0 +1 @@ +文档完善中 \ No newline at end of file diff --git a/docs/index.md b/docs/index.md new file mode 100644 index 0000000..85709e3 --- /dev/null +++ b/docs/index.md @@ -0,0 +1,6 @@ +# 框架介绍 + + +### Buession Prototype 框架是什么? +Buession Prototype 是基于对原生 JavaScript 对象(如:String、Array、Date)的扩展,和浏览器兼容性的处理,并添加在实际场景中的一些常用方法。 +该框架借鉴了其它语言的一些 API 和早期 JavaScript 框架 [prototypejs](http://prototypejs.org/) \ No newline at end of file diff --git a/docs/installation.html b/docs/installation.html new file mode 100644 index 0000000..e31e5a3 --- /dev/null +++ b/docs/installation.html @@ -0,0 +1,30 @@ +
您可以通过 NPM、YARN 或者通过 <script>
的方式引入 unpkg.com 上的包;稳定版 。
npm install @buession/prototype
+# or
+yarn add @buession/prototype
+
+++对于生产环境,我们推荐链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏。
+
最新版:<script src="https://unpkg.com/@buession/prototype/dist/prototype.min.js" type="text/javascript"></script>
+具体版本:<script src="https://unpkg.com/@buession/prototype@版本/dist/prototype.min.js" type="text/javascript"></script>
+
+Buession Prototype 是基于对原生 JavaScript 对象(如:String、Array、Date)的扩展,和浏览器兼容性的处理,并添加在实际场景中的一些常用方法。 +该框架借鉴了其它语言的一些 API 和早期 JavaScript 框架 prototypejs
+MIT License
+Copyright (c) 2021 Buession
+Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE.
+++TIP
+++官方指南假设您已了解"权限"方面的相关知识,关于 HTML 和 JavaScript 的初级知识。如果您使用 npm 包,那么您需要具备掌握 npm 的基础知识,否则这不是您使用 Buession Prototype 的最佳方式;此种情况下,将建议您使用 script 标签引入 Buession Prototype 的文件。
+
您可以根据本文档中的示例,快速熟悉 Buession Prototype 的使用方法,本文档中所有示例基于原生 js 和 vue 二者编写。
+本文档给出了不通方法的安装方式,但是我们始终建议您,直接下载压缩后的文件到您的项目中进行使用,或者直接引用 unpkg 、jsdelivr的资源。
+您对 Buession Prototype 大致了解后,您接下来可以做以下事情:
+ +IE / Edge |
+Firefox |
+Chrome |
+Safari |
+iOS Safari |
+Opera |
+
---|---|---|---|---|---|
IE9, IE10, IE11, Edge | +last 5 versions | +last 5 versions | +last 5 versions | +last 5 versions | +last 5 versions | +
node v13+,建议使用 v14 及其以上版本
+TypeScript 4.1.x
+支持 ES5、ES6、ES2015、ES2016、ES2017、ES2018、ESNext 的版本。
+旨在提供便捷的、可靠的基于原生 JavaScript/TypeScript 扩展的类库,拥有完善的文档和高可读性的源码
觉大部分 API 基于原生 JavaScript/TypeScript 对象/类的扩展,参考学习 prototype.js
与其它框架无耦合,高内聚低耦合
min 版本 js 文件仅 16 kB,加载速度快,代码简洁运行效率高
支持 Node 和 Browser 运行环境,支持主流浏览器,支持原生 JS 和 ES
作为开源项目,我们拥有高质量的代码,对社区的需求能够作出积极快速响应
方法 | +描述 | +
---|---|
isEmpty | +判断数组是否为空数组 | +
exists | +判断元素 item 是否在数组中 | +
first | +获取数组第一个元素 | +
last | +获取数组最后一个元素 | +
each | +按顺序为数组中的每个元素调用一次函数 | +
size | +获取数组大小 | +
merge | +连接两个或多个数组 | +
compact | +返回一个不包含 null/undefined 值元素的数组的新版本 | +
unique | +对数组的元素进行去重 | +
without | +返回不包括参数中任意一个指定值的数组 | +
clone | +克隆数组 | +
clear | +清空数组 | +
类型:Function
功能描述:判断数组是否为空数组
+参数:无
+返回值:boolean
数组为空,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = [].isEmpty(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = ['a', 'b', 'c'].isEmpty() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断元素 item 是否在数组中
+参数:item - any
待检测元素
返回值:boolean
元素 item 是否在数组中返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].exists('a'); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = ['1', '2'].exists(2) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组第一个元素
+参数:无
+返回值:any
数组第一个元素
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].first(); // a
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = [1, 2].first() // 1
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组最后一个元素
+参数:无
+返回值:any
数组最后一个元素
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].last(); // b
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = [1, 2].last() // 2
+ }
+});
+</script>
+
+类型:Function
功能描述:按顺序为数组中的每个元素调用一次函数,forEach的别名
+参数:callback - (value: T, index: number, array: readonly T[]) => void as Function
callback 为数组中的每个元素运行的函数,其中:value 为前元素的值,index 为当前元素的数组索引,array 为当前元素所属的数组对象
+any
thisArg 可选。要传递给函数以用作其 "this" 值的值,如果此参数为空,则值 "undefined" 将作为其 "this" 值传递
返回值:void
示例:
+原生 JavaScript
+<script type="text/javascript">
+ ['a', 'b'].each(function (currentValue) {
+ console.log(currentValue)
+ });
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ ['a', 'b'].each(function (currentValue) {
+ console.log(currentValue)
+ })
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组大小
+参数:无
+返回值:number
数组大小
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].size(); // 2
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = [].size() // 0
+ }
+});
+</script>
+
+类型:Function
功能描述:连接两个或多个数组
+参数:items - any as T
待连接的 T 类型的数组
返回值:Array<T>
已连接数组的副本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = [1, 3].merge(2, 4); // [1, 3, 2, 4]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ console result: string[] = ['a', 'b'].merge('c', 'd') // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回一个不包含 null/undefined 值元素的数组的新版本
+参数:无
+返回值:Array<T>
不包含 null/undefined 值元素的数组的新版本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', null, 'c', 'd'].compact(); // [a, b, c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', null, 'c', 'd', undefined].compact() // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:对数组的元素进行去重
+参数:无
+返回值:Array<T>
数组元素进行去重后的新版本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', 'c', 'd', 'b', 'd'].unique(); // [a, b, c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', 'c', 'c', 'd'].unique() // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回不包括参数中任意一个指定值的数组
+参数:values - any as T[]
排除值数组
返回值:Array<T>
不包括参数中任意一个指定值的数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', 'c', 'd', 'b', 'd'].without('a', 'b'); // [c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', 'c', 'd', 'b', 'd'].without('a', 'b') // [c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:克隆数组
+参数:无
+返回值:Array<T>
克隆结果
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].clone(); // [a, b]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b'].clone() // [a, b]
+ }
+});
+</script>
+
+类型:Function
功能描述:清空数组
+参数:无
+返回值:Array<T>
空数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].clear(); // []
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b'].clear() // []
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
userAgent | +获取浏览器 User-Agent | +
name | +获取浏览器应用程序名称 | +
isMobile | +是否为移动设备 | +
isChrome | +是否为 Chrome 浏览器 | +
isFirefox | +是否为 Firefox 浏览器 | +
isMozilla | +是否为 Mozilla 浏览器 | +
isMSIE | +是否为 IE 浏览器 | +
isOpera | +是否为 Opera 浏览器 | +
isSafari | +是否为 Safari 浏览器 | +
isNetscape | +是否为 Netscape 浏览器 | +
类型:Property
功能描述:获取浏览器 User-Agent,等价于 navigator.userAgent
返回值:string
浏览器 User-Agent
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.userAgent; // Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:102.0) Gecko/20100101 Firefox/102.0
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: String = window.browser.userAgent // Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:102.0) Gecko/20100101 Firefox/102.0
+ }
+});
+</script>
+
+类型:Property
功能描述:获取浏览器应用程序名称,等价于 navigator.appName
返回值:string
浏览器应用程序名称
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.name; // Netscape
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: String = window.browser.name // Netscape
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为移动设备,检测依据:User-Agent 中含有 Android、iPhone、iPod、Windows Phone、Mobile、Coolpad、mmp、SmartPhone、midp、wap、xoom、Symbian、J2ME、Blackberry、Wince 其中任意一个字符串
+返回值:boolean
是移动设备返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isMobile
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isMobile
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Chrome 浏览器
+返回值:boolean
是 Chrome 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isChrome;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isChrome
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Firefox 浏览器
+返回值:boolean
是 Firefox 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isFirefox;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isFirefox
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 IE 浏览器
+返回值:boolean
是 IE 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isMSIE;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isMSIE
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Opera 浏览器
+返回值:boolean
是 Opera 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isOpera;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isOpera
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Safari 浏览器
+返回值:boolean
是 Safari 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isSafari;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isSafari
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Netscape 浏览器
+返回值:boolean
是 Netscape 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isNetscape;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isNetscape
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
isLeapYear | +判断是否为闰年 | +
getSeason | +获取季节 | +
getDayOfYear | +获取年份中的第几天 | +
getDaysOfYear | +获取年份总天数 | +
format | +将日期时间格式化为字符串 | +
类型:Function
功能描述:判断是否为闰年
+参数:无
+返回值:boolean
是闰年,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2000-04-11').isLeapYear(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new Date('2000-04-11').isLeapYear() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:获取季节
+参数:无
+返回值:number
依次返回 0 至 3 的整数,表示春季、夏季、秋季、冬季
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2000-04-11').isLeapYear(); // 0
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new Date('2022-01-11').isLeapYear() // 3
+ }
+});
+</script>
+
+类型:Function
功能描述:获取年份中的第几天
+参数:无
+返回值:number
年份中的第几天
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-02-11').getDayOfYear(); // 42
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = new Date('2022-03-01').getDayOfYear(); // 61
+ }
+});
+</script>
+
+类型:Function
功能描述:获取年份总天数
+参数:无
+返回值:number
年份总天数
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-02-11').getDaysOfYear(); // 365
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = new Date('2020-02-11').getDaysOfYear() // 366
+ }
+});
+</script>
+
+类型:Function
功能描述:将日期时间格式化为字符串
+参数:format - String
format 格式字符串
y - 年
+
+ n - 季度(1 到 4)
+
+ N - 季度名称
+
+ A - 季度中文名称
+
+ M - 月
+
+ f - 月(Jan 到 Dec)
+
+ F - 月(January 到 December)
+
+ C - 月,中文名称
+
+ d - 日
+
+ Y - 年份中的第几天(0 到 365)
+
+ T - 月份有几天(28 到 30)
+
+ j - 每月天数后面的英文后缀(st,nd,rd 或者 th)
+
+ e - 星期几,数字表示,0(表示星期天)到 6(表示星期六)
+
+ E - 星期几,数字表示,1(表示星期一)到 7(表示星期天)
+
+ l - 星期几,文本表示,3 个字母(Mon 到 Sun)
+
+ L - 星期几,完整的文本格式(Sunday 到 Saturday)
+
+ w - 星期几,中文名称
+
+ W - 一月中第几个星期几
+
+ i - 月份中的第几周
+
+ o - 年份中的第几周
+
+ h - 小时(1~12)
+
+ H - 小时(0~23)
+
+ m - 分
+
+ s - 秒
+
+ S - 毫秒
+
+ a - 上午/下午标记
+
+ O - 与格林威治时间相差的小时数
+
+ P - 与格林威治时间相差的小时数,小时和分钟之间有冒号分隔
+
+ Z - 时区
+
+返回值:string
格式化后的日期时间
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-01-11').format("f-dd,yyyy"); // Jan-11,2022
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new Date('2022-01-11').format("f-dd,yy"); // Jan-11,22
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
fullScreen | +检测当前文档是否全屏 | +
fullScreenEnabled | +检测当前浏览器是否支持全屏模式 | +
fullScreenElement | +检测当前文档中正在以全屏模式显示的 Element 节点 | +
fullScreen | +检测当前文档是否全屏 | +
方法 | +描述 | +
---|---|
requestFullscreen | +请求进入全屏模式 | +
exitFullscreen | +退出全屏模式 | +
类型:Property
功能描述:检测当前文档是否全屏
+参数:无
+返回值:boolean
当前文档是否全屏,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreen;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreen;
+ }
+});
+</script>
+
+类型:Property
功能描述:检测当前浏览器是否支持全屏模式
+返回值:boolean
当前浏览器是否支持全屏模式返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreenEnabled;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreenEnabled
+ }
+});
+</script>
+
+类型:Property
功能描述:检测当前文档中正在以全屏模式显示的 Element 节点
+返回值:boolean
当前文档中正在以全屏模式显示的 Element 节点,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreenElement;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreenElement
+ }
+});
+</script>
+
+类型:Function
功能描述:请求进入全屏模式
+参数:无
+返回值:Promise
Promise
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.requestFullscreen();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Promise<void> = document.requestFullscreen()
+ }
+});
+</script>
+
+类型:Function
功能描述:退出全屏模式
+参数:无
+返回值:Promise
Promise
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.exitFullscreen();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Promise<void> = document.exitFullscreen()
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
argumentNames | +获取函数参数名称 | +
delay | +延时执行函数 | +
类型:Function
功能描述:获取函数参数名称
+参数:args - any
1个或多个任意类型的可变参数可变参数
返回值:string[] | null
函数参数名称列表
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var fn = function(a, b, c){
+
+ }
+ var result = fn.argumentNames();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const fn = function(a: boolean, b: number, c: String) {
+
+ }
+ const result: string[] | null = fn.argumentNames()
+ }
+});
+</script>
+
+类型:Function
功能描述:延时执行函数
+参数:timeout - number
延时时间(单位:秒)
返回值:any
函数返回值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var fn = function(a, b, c){
+ return a + b + c;
+ }
+ var result = fn.delay(3)
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const fn = function(a: boolean, b: number, c: number) {
+ return a ? b : c
+ }
+ const result: any = fn.delay(3)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
getParameters | +获取所有的请求参数及值 | +
getParameter | +获取指定请求参数的值 | +
类型:Function
功能描述:获取所有的请求参数及值
+参数:无
+返回值:Record<string, any>
当前请求 URL 中的所有的请求参数及值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = location.getParameters();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Record<string, any> = location.getParameters()
+ }
+});
+</script>
+
+类型:Function
功能描述:获取指定请求参数的值
+参数:string
参数名称
返回值:any
请求参数的值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = location.getParameter("action");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: any = location.getParameter('action');
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
rand | +延时执行函数 | +
类型:Function
功能描述:产生一个指定范围内的随机数
+参数:min - number
返回的最低值
+ max - number
返回的最高值
返回值:number
随机数
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Math.rand(1, 5); //
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = Math.rand(1, 5)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
toPaddedString | +延时执行函数 | +
isOdd | +判断数字是否为奇数 | +
isEven | +判断数字是否为偶数 | +
isBetween | +判断一个数字是否在另两个数字之间 | +
类型:Function
功能描述:数字填充
+参数:length - number
长度
+ radix - number
进制
返回值:string
填充后的字符串数字
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Number(5).toPaddedString(12, 2); // 0000000000101
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new Number(5).toPaddedString(12, 8) // 0000000000005
+ }
+});
+</script>
+
+类型:Function
功能描述:判断数字是否为奇数
+参数:num - number
需要判断的数字
返回值:boolean
数字是为奇数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isOdd(255); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isOdd(256) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断数字是否为偶数
+参数:num - number
需要判断的数字
返回值:boolean
数字是为偶数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isEven(255); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isOdd(256) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断一个数字是否在另两个数字之间
+参数:num - number
需要判断的数字
+ min - number
最小值
+ max - number
最大值
+ match - boolean | undefined
是否包含最小值或最大值
返回值:boolean
数字是否在另两个数字之间,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isBetween(4, 3, 5); // true
+ var result = Number.isBetween(4, 4, 5); // false
+ var result = Number.isBetween(4, 4, 5, true); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isBetween(4, 3, 5) // true
+ const result: boolean = Number.isBetween(4, 4, 5) // false
+ const result: boolean = Number.isBetween(4, 4, 5, true) // true
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
type | +获取对象数据类型 | +
rawType | +获取对象原始数据类型 | +
isObject | +判断对象是否为 object 类型 | +
isPlainObject | +判断对象是否为简单 object 类型 | +
isMap | +判断对象是否为 Map 类型 | +
isSet | +判断对象是否为 Set 类型 | +
isSymbol | +判断对象是否为 Symbol | +
isPromise | +判断对象是否为 Promise | +
isPrimitive | +判断对象是否为原始类型 | +
isFunction | +判断对象是否为函数 | +
isArray | +判断对象是否为数组 | +
isString | +判断对象是否为字符串对象 | +
isNumber | +判断对象是否为数字对象 | +
isBoolean | +判断对象是否为布尔对象 | +
isRegExp | +判断对象是否为正则对象 | +
isFile | +判断对象是否为文件对象 | +
isWindow | +判断对象是否为 windows 对象 | +
isElement | +判断对象是否为 Element | +
isEvent | +判断对象是否为事件对象 | +
isNull | +判断对象是否为 null 对象 | +
isUndefined | +判断对象是否为未定义 | +
isUndefinedOrNull | +判断对象是否为未定义或 null | +
clone | +克隆对象 | +
类型:Function
功能描述:获取对象数据类型
+参数:obj - any
对象变量
返回值:string
对象数据类型
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.type(true); // boolean
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = Object.type(4.4) // number
+ }
+});
+</script>
+
+类型:Function
功能描述:获取对象原始数据类型
+参数:obj - any
对象变量
返回值:string
原始数据类型
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.type("4.4"); // String
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = Object.type(4.4) // Number
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 object 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 object 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isObject("1"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isObject(new String("1")) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为简单 object 类型
+参数:obj - any
对象变量
返回值:boolean
对象为简单 object 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPlainObject(new String("1")); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPlainObject({"a":"A"}) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Map 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 Map 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isMap(new Map()); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isMap({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Map 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 Set 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isSet(new Set()); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isSet({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Symbol
+参数:obj - any
对象变量
返回值:boolean
对象为 Symbol 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isSymbol(Symbol('a')); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isSymbol({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Promise
+参数:obj - any
对象变量
返回值:boolean
对象为 Promise 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPromise(new Promise(function(){})); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPromise({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为原始类型
+参数:obj - any
对象变量
返回值:boolean
对象为原始类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPrimitive(11); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPromise({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为函数
+参数:obj - any
对象变量
返回值:boolean
对象为函数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isFunction(location.href); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isFunction("a".replace) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为数组
+参数:obj - any
对象变量
返回值:boolean
对象为数组返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isArray([1, 2]); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isArray({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为字符串对象
+参数:obj - any
对象变量
返回值:boolean
对象为字符串返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isString(1); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isString("1") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为数字对象
+参数:obj - any
对象变量
返回值:boolean
对象为数字对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isNumber(1.0); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isNumber("1.0") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为布尔对象
+参数:obj - any
对象变量
返回值:boolean
对象为布尔对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isBoolean(false); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isBoolean(1) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为正则对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为正则对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isRegExp(/^[a-z]$/); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isRegExp('/^[a-z]$/') // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为文件对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为文件对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isFile(new File(['text1', 'text2'], 'test.txt', {type: 'text/plain'})); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = bject.isFile(document) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 windows 对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为 windows 对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isWindow(window); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isWindow(document) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Element
+参数:obj - any
对象变量
返回值:boolean
对象是否为 Element 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isElement(document); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isElement(document.body) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为事件对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为事件对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isEvent(document.onclick); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isEvent(document.onclick) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 null
+参数:obj - any
对象变量
返回值:boolean
对象是否为 null 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isNull(null); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isNull("A") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为未定义
+参数:obj - any
对象变量
返回值:boolean
对象是否为未定义返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isUndefined(a); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isUndefined(b) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为未定义或 null
+参数:obj - any
对象变量
返回值:boolean
对象是否为未定义或 null 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isUndefinedOrNull(a); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isUndefinedOrNull(document.body) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:克隆对象
+参数:obj - any
对象变量
返回值:any
新对象实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.clone({"a": "A"}); // {"a": "A"}
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: any = Object.clone({"a":"A"}) // {"a": "A"}
+ }
+});
+</script>
+
+Optional 类是一个可以为 null 或 undefined 的容器对象,如果值 value 存在则 isPresent() 方法会返回 true,调用 get() 方法会返回 value 的值。 +其设计思想,参考 java8 的 Optional
+使用方式,在构造函数中传入任意类型值;Optional 提供很多有用的方法,这样我们就不用显式进行 null 值和 undefined 的检测。
+方法 | +描述 | +
---|---|
of | +返回一个指定 T 类型的值的 Optional 实例 | +
ofNullable | +如果为非 null 或 undefined,返回 Optional 描述的指定值的实例,否则返回空的 Optional 实例 | +
empty | +返回空的 Optional 实例 | +
get | +如果 value 不为 null 或 undefined,则返回 value 的值;否则抛出异常 | +
orElse | +如果 value 不为 null 或 undefined,则返回 value 的值;否则返回 other | +
isPresent | +如果 value 不为 null 或 undefined,则返回 true;否则返回 false | +
<script type="text/javascript">
+ var optional = new Optional(any value);
+</script>
+
+类型:Function
功能描述:返回一个指定 T 类型的值的 Optional 实例
+参数:value - any of T
任意类型的值
返回值:Object
T 类型的值的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.of(11);
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: boolean = Optional.<boolean>of(false)
+ }
+});
+</script>
+
+类型:Function
功能描述:如果为非 null 或 undefined,返回 Optional 描述的指定值的实例,否则返回空的 Optional 实例
+参数:value - any as T
任意类型的值
返回值:Object
T 类型的值的 Optional 实例,或空的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.ofNullable('js');
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>ofNullable(11)
+ }
+});
+</script>
+
+类型:Function
功能描述:返回空的 Optional 实例
+参数:无
+返回值:Object as Optional
空的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.empty();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: null Optional.<null>empty()
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 value 的值;否则抛出异常
+参数:无
+返回值:any as T
Optional 中包含这个值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(11);
+ var result = optional.get(); // 11
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>of(11)
+ const result = optional.get() // 11
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 value 的值;否则返回 other
+参数:other - any of T
任意类型的值
返回值:any as T
value 不为 null 或 undefined,则返回 value 的值;否则返回 other
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(null);
+ var result = optional.orElse("abc"); // abc
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: boolean = Optional.<boolean>of(undefined)
+ const result = optional.orElse(false) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 true;否则返回 false
+参数:无
+返回值:boolean
value 不为 null 或 undefined,则返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(null);
+ var result = optional.isPresent(); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>of(11)
+ const result = optional.isPresent() // true
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
version | +获取 Buession Prototype 版本 | +
方法 | +描述 | +
---|---|
emptyFunction | +执行一个空方法 | +
K | +返回参数传递的任意值 | +
类型:String
功能描述:获取 Buession Prototype 版本
+返回值:Buession Prototype 版本
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ var ver = Prototype.version;
+</script>
+
+vue
+<template>
+ <div>
+ <div>Prototype 版本:{Prototype.version}</div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ }
+});
+</script>
+
+类型:Function
功能描述:执行一个空方法
+参数:无
+返回值:void
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ Prototype.emptyFunction();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ Prototype.emptyFunction()
+ }
+});
+</script>
+
+类型:Function
功能描述:返回参数传递的任意值
+参数:x - any
任意值
返回值:any
参数传递的任意值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var v = Prototype.K(object);
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const v: any = Prototype.K(object)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
exists | +判断字符串是否存在 | +
equals | +判断字符串是否相等 | +
equalsIgnoreCase | +判断字符串是否相等,不考虑大小写 | +
isEmpty | +判断是否为空字符串 | +
isNotEmpty | +判断是否不为空字符串 | +
isBlank | +判断是否为空白字符串 | +
repeat | +重复一个字符串 | +
left | +截取字符串左边边指定数目的字符串 | +
right | +截取字符串右边指定数目的字符串 | +
truncation | +截取字符串,超出部分用 truncation 替代 | +
ltrim | +删除字符串开头的空白字符 | +
rtrim | +删除字符串结尾的空白字符 | +
startsWith | +判断字符串是否以给定的字符串开头 | +
endsWith | +判断字符串是否以给定的字符串结尾 | +
lcfirst | +首字母小写 | +
ucfirst | +首字母大写 | +
escapeHTML | +将 HTML 编码 | +
unescapeHTML | +将 HTML 实体字符解码 | +
stripTag | +删除 HTML 标签 | +
stripTags | +批量删除 HTML 标签 | +
stripScripts | +删除 script 标签 | +
toArray | +将字符串转换为数组 | +
inspect | +返回一个数组的字符串表示形式 | +
hashCode | +获取字符串 hash code | +
random | +生成随机字符串 | +
类型:Function
功能描述:判断字符串是否存在
+参数:str - string
子字符串
返回值:boolean
子字符串存在返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "ABC".exists("A"); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = "ABC".exists("a") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否相等
+参数:str - string | undefined | null
与此 String 进行比较的对象
返回值:boolean
字符串相等返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".equals(new String("A")); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = "A".equals("a") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否相等,不考虑大小写
+参数:str - string | undefined | null
与此 String 进行比较的对象
返回值:boolean
字符串相等返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".equalsIgnoreCase("a"); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("a").equalsIgnoreCase("1") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否为空字符串
+参数:无
+返回值:boolean
字符串为空,即长度为 0 返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isEmpty(); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("").isEmpty() // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否不为空字符串
+参数:无
+返回值:boolean
字符串不为空,即长度大于 0 返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isNotEmpty(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("").isNotEmpty() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否为空白字符串
+参数:无
+返回值:boolean
字符串全为空白字符串(即:空格、回车、Tag 制表位、非打印字符)返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isBlank(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("\t\n").isBlank() // true
+ }
+});
+</script>
+
+类型:Function
功能描述:重复一个字符串
+参数:count - number
重复次数
返回值:string
重复后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".repeat(3); // AAA
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".repeat(3) // AbcAbcAbc
+ }
+});
+</script>
+
+类型:Function
功能描述:截取字符串左边边指定数目的字符串
+参数:length - number
截取长度
返回值:string
子字符串,length 如果为负数,则返回空字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".left(1); // A
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".left(-1) // ""
+ }
+});
+</script>
+
+类型:Function
功能描述:截截取字符串右边指定数目的字符串
+参数:length - number
截取长度
返回值:string
子字符串,length 如果为负数,则返回空字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".right(1); // c
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".right(-1) // ""
+ }
+});
+</script>
+
+类型:Function
功能描述:截取字符串,超出部分用 truncation 替代
+参数:length - number
截取长度
truncation - string
替换字符串
string
截取后的字符串;实际截取长度:当 length 小于等于 truncation 的长度时为,length;当 length 大于 truncation 的长度时为,length - truncation.length示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".truncation(1, "..."); // A...
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".truncation(6, "...") // Abc
+ }
+});
+</script>
+
+类型:Function
功能描述:删除字符串开头的空白字符(包括:空格、制表位、换行以及其它非打印字符)
+参数:无
+返回值:string
删除了字符串最左边的空白字符的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " Abc".ltrim(); // "Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String(" Abc ").ltrim() // "Abc "
+ }
+});
+</script>
+
+类型:Function
功能描述:删除字符串结尾的空白字符(包括:空格、制表位、换行以及其它非打印字符)
+参数:无
+返回值:string
删除了字符串最右边的空白字符的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " Abc".rtrim(); // " Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String(" Abc ").rtrim() // " Abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否以给定的字符串开头
+参数:str - string
搜索的字符串
返回值:boolean
字符串是否以给定的字符串开头返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".startsWith("a"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("aBc").startsWith("a") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否以给定的字符串结尾
+参数:str - string
搜索的字符串
返回值:boolean
字符串是否以给定的字符串结尾返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".endsWith("C"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("aBc").endsWith("c") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:首字母小写
+参数:无
+返回值:string
首字母小写后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".lcfirst(); // "abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("abc").lcfirst() // "abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:首字母大写
+参数:无
+返回值:string
首字母大写后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "abc".ucfirst(); // "Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("abc").lcfirst() // "Abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:将 HTML 编码,参考:https://www.w3school.com.cn/html/html_entities.asp
+参数:无
+返回值:string
编码后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a>".escapeHTML(); // <a href='https://www.domain.com'>test</a>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("<a href='https://www.domain.com'>test</a>").lcfirst() // <a href='https://www.domain.com'>test</a>
+ }
+});
+</script>
+
+类型:Function
功能描述:将 HTML 实体字符解码,参考:https://www.w3school.com.cn/html/html_entities.asp
+参数:无
+返回值:string
解码后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a>".unescapeHTML(); // <a href='https://www.domain.com'>test</a>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a>".unescapeHTML() // <a href='https://www.domain.com'>test</a>
+ }
+});
+</script>
+
+类型:Function
功能描述:删除 HTML 标签
+参数:tag - string
待删除标签
返回值:string
删除标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a><i></i>".stripTag("a"); // test<i></i>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a><i></i>".stripTag("a") // test<i></i>
+ }
+});
+</script>
+
+类型:Function
功能描述:批量删除 HTML 标签
+参数:tag - string[] | string
删除指定的标签
返回值:string
删除标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a><i></i><em>EM</em>".stripTags(["a", "i"]); // test<em>EM</em>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a><i></i><em>EM</em>".stripTags(["a", "i"]) // test<em>EM</em>
+ }
+});
+</script>
+
+类型:Function
功能描述:删除 script 标签
+参数:无
+返回值:string
删除 script 标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = '<script type="text/javascript">alert("test");</script>test'.stripScripts(); // test
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = '<script type="text/javascript">alert("test");</script>test'.stripScripts() // <test
+ }
+});
+</script>
+
+类型:Function
功能描述:将字符串转换为数组
+参数:delimiter - string
分隔字符
返回值:string[]
字符串数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "a|b|c".toArray('|'); // [ "a", "b", "c" ]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = "a|b||c".toArray('||') // [ "a|b", "c" ]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回一个数组的字符串表示形式
+参数:useDoubleQuotes - boolean
是否使用双引号引住
返回值:string
数组的字符串表示形式
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "a|b|c".inspect(true); // \"a|b|c\"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "a|b|c".inspect(false) // 'a|b|c'
+ }
+});
+</script>
+
+类型:Function
功能描述:获取字符串 hash code
+参数:无
+返回值:number
字符串的 hash code
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "abc".hashCode(); // 96354
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = "abcABC".hashCode() // 2870546592
+ }
+});
+</script>
+
+类型:Function
功能描述:生成随机字符串
+参数:length - number
生成字符串的长度
type - NUMERIC | LETTER | LETTER_NUMERIC | CHINESE | undefined
生成类型,可选参数,当未指定时为 LETTER_NUMERIC
NUMERIC - 数字随机字符串
+
+ LETTER - 英文随机字符串
+
+ LETTER_NUMERIC - 英文数字混合随机字符串
+
+ CHINESE - 中文随机字符串
+
+string
随机字符串示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = String.random(6); // 1Diim2
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = String.random(6, "NUMERIC") // 881773
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
these | +接收任意数目的函数作为参数,返回第一个执行成功的函数(未抛出异常的函数)的结果 | +
类型:Function
功能描述:接收任意数目的函数作为参数,返回第一个执行成功的函数(未抛出异常的函数)的结果
+参数:args any[]
一个或多个 function
作为参数
返回值:any
任意函数参数执行结果
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Try.these(function(){
+
+ },
+
+ function() {
+
+ });
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result:any = Try.these(function(){
+
+ },
+
+ function() {
+
+ })
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
browser | +浏览器信息对象 | +
location | +Location 对象 | +
方法 | +描述 | +
---|---|
copy | +将字符串复制到剪贴板 | +
类型:Function
功能描述:将字符串复制到剪贴板
+参数:str - string
字符串
返回值:无
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ window.copy("这是要复制的字符串");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ window.copy("这是要复制的字符串")
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
isEmpty | +判断数组是否为空数组 | +
exists | +判断元素 item 是否在数组中 | +
first | +获取数组第一个元素 | +
last | +获取数组最后一个元素 | +
each | +按顺序为数组中的每个元素调用一次函数 | +
size | +获取数组大小 | +
merge | +连接两个或多个数组 | +
compact | +返回一个不包含 null/undefined 值元素的数组的新版本 | +
unique | +对数组的元素进行去重 | +
without | +返回不包括参数中任意一个指定值的数组 | +
clone | +克隆数组 | +
clear | +清空数组 | +
类型:Function
功能描述:判断数组是否为空数组
+参数:无
+返回值:boolean
数组为空,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = [].isEmpty(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = ['a', 'b', 'c'].isEmpty() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断元素 item 是否在数组中
+参数:item - any
待检测元素
返回值:boolean
元素 item 是否在数组中返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].exists('a'); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = ['1', '2'].exists(2) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组第一个元素
+参数:无
+返回值:any
数组第一个元素
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].first(); // a
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = [1, 2].first() // 1
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组最后一个元素
+参数:无
+返回值:any
数组最后一个元素
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].last(); // b
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = [1, 2].last() // 2
+ }
+});
+</script>
+
+类型:Function
功能描述:按顺序为数组中的每个元素调用一次函数,forEach的别名
+参数:callback - (value: T, index: number, array: readonly T[]) => void as Function
callback 为数组中的每个元素运行的函数,其中:value 为前元素的值,index 为当前元素的数组索引,array 为当前元素所属的数组对象
+any
thisArg 可选。要传递给函数以用作其 "this" 值的值,如果此参数为空,则值 "undefined" 将作为其 "this" 值传递
返回值:void
示例:
+原生 JavaScript
+<script type="text/javascript">
+ ['a', 'b'].each(function (currentValue) {
+ console.log(currentValue)
+ });
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ ['a', 'b'].each(function (currentValue) {
+ console.log(currentValue)
+ })
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组大小
+参数:无
+返回值:number
数组大小
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].size(); // 2
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = [].size() // 0
+ }
+});
+</script>
+
+类型:Function
功能描述:连接两个或多个数组
+参数:items - any as T
待连接的 T 类型的数组
返回值:Array<T>
已连接数组的副本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = [1, 3].merge(2, 4); // [1, 3, 2, 4]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ console result: string[] = ['a', 'b'].merge('c', 'd') // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回一个不包含 null/undefined 值元素的数组的新版本
+参数:无
+返回值:Array<T>
不包含 null/undefined 值元素的数组的新版本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', null, 'c', 'd'].compact(); // [a, b, c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', null, 'c', 'd', undefined].compact() // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:对数组的元素进行去重
+参数:无
+返回值:Array<T>
数组元素进行去重后的新版本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', 'c', 'd', 'b', 'd'].unique(); // [a, b, c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', 'c', 'c', 'd'].unique() // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回不包括参数中任意一个指定值的数组
+参数:values - any as T[]
排除值数组
返回值:Array<T>
不包括参数中任意一个指定值的数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', 'c', 'd', 'b', 'd'].without('a', 'b'); // [c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', 'c', 'd', 'b', 'd'].without('a', 'b') // [c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:克隆数组
+参数:无
+返回值:Array<T>
克隆结果
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].clone(); // [a, b]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b'].clone() // [a, b]
+ }
+});
+</script>
+
+类型:Function
功能描述:清空数组
+参数:无
+返回值:Array<T>
空数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].clear(); // []
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b'].clear() // []
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
userAgent | +获取浏览器 User-Agent | +
name | +获取浏览器应用程序名称 | +
isMobile | +是否为移动设备 | +
isChrome | +是否为 Chrome 浏览器 | +
isFirefox | +是否为 Firefox 浏览器 | +
isMozilla | +是否为 Mozilla 浏览器 | +
isMSIE | +是否为 IE 浏览器 | +
isOpera | +是否为 Opera 浏览器 | +
isSafari | +是否为 Safari 浏览器 | +
isNetscape | +是否为 Netscape 浏览器 | +
类型:Property
功能描述:获取浏览器 User-Agent,等价于 navigator.userAgent
返回值:string
浏览器 User-Agent
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.userAgent; // Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:102.0) Gecko/20100101 Firefox/102.0
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: String = window.browser.userAgent // Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:102.0) Gecko/20100101 Firefox/102.0
+ }
+});
+</script>
+
+类型:Property
功能描述:获取浏览器应用程序名称,等价于 navigator.appName
返回值:string
浏览器应用程序名称
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.name; // Netscape
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: String = window.browser.name // Netscape
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为移动设备,检测依据:User-Agent 中含有 Android、iPhone、iPod、Windows Phone、Mobile、Coolpad、mmp、SmartPhone、midp、wap、xoom、Symbian、J2ME、Blackberry、Wince 其中任意一个字符串
+返回值:boolean
是移动设备返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isMobile
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isMobile
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Chrome 浏览器
+返回值:boolean
是 Chrome 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isChrome;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isChrome
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Firefox 浏览器
+返回值:boolean
是 Firefox 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isFirefox;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isFirefox
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 IE 浏览器
+返回值:boolean
是 IE 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isMSIE;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isMSIE
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Opera 浏览器
+返回值:boolean
是 Opera 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isOpera;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isOpera
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Safari 浏览器
+返回值:boolean
是 Safari 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isSafari;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isSafari
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Netscape 浏览器
+返回值:boolean
是 Netscape 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isNetscape;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isNetscape
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
[set](cookie.html#setname-string,-value-string- | +-null- | +
get | +获取 Cookie | +
delete | +删除 Cookie | +
类型:Function
功能描述:设置 Cookie
+参数:name - string
Cookie 名称
+ value - string | null | undefined
Cookie 值
+ options - CookieOptions
Cookie 选项
返回值:string
Cookie 字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.httpCookie.set("name", "测试");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string | null = document.httpCookie.set("name", "测试", {path: '/', domain: '*.test.com'})
+ }
+});
+</script>
+
+类型:Function
功能描述:获取 Cookie 值
+参数:name - string
Cookie 名称
返回值:string | null
Cookie 值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.httpCookie.get("name")
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string | null = document.httpCookie.get("name")
+ }
+});
+</script>
+
+类型:Function
功能描述:删除 Cookie
+参数:name - string
Cookie 名称
+ options - CookieOptions
Cookie 选项
返回值:无
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.httpCookie.delete("name");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ document.httpCookie.delete("name", "测试", {domain: '*.test.com'})
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
isLeapYear | +判断是否为闰年 | +
getSeason | +获取季节 | +
getDayOfYear | +获取年份中的第几天 | +
getDaysOfYear | +获取年份总天数 | +
format | +将日期时间格式化为字符串 | +
类型:Function
功能描述:判断是否为闰年
+参数:无
+返回值:boolean
是闰年,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2000-04-11').isLeapYear(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new Date('2000-04-11').isLeapYear() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:获取季节
+参数:无
+返回值:number
依次返回 0 至 3 的整数,表示春季、夏季、秋季、冬季
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2000-04-11').isLeapYear(); // 0
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new Date('2022-01-11').isLeapYear() // 3
+ }
+});
+</script>
+
+类型:Function
功能描述:获取年份中的第几天
+参数:无
+返回值:number
年份中的第几天
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-02-11').getDayOfYear(); // 42
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = new Date('2022-03-01').getDayOfYear(); // 61
+ }
+});
+</script>
+
+类型:Function
功能描述:获取年份总天数
+参数:无
+返回值:number
年份总天数
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-02-11').getDaysOfYear(); // 365
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = new Date('2020-02-11').getDaysOfYear() // 366
+ }
+});
+</script>
+
+类型:Function
功能描述:将日期时间格式化为字符串
+参数:format - String
format 格式字符串
y - 年
+
+ n - 季度(1 到 4)
+
+ N - 季度名称
+
+ A - 季度中文名称
+
+ M - 月
+
+ f - 月(Jan 到 Dec)
+
+ F - 月(January 到 December)
+
+ C - 月,中文名称
+
+ d - 日
+
+ Y - 年份中的第几天(0 到 365)
+
+ T - 月份有几天(28 到 30)
+
+ j - 每月天数后面的英文后缀(st,nd,rd 或者 th)
+
+ e - 星期几,数字表示,0(表示星期天)到 6(表示星期六)
+
+ E - 星期几,数字表示,1(表示星期一)到 7(表示星期天)
+
+ l - 星期几,文本表示,3 个字母(Mon 到 Sun)
+
+ L - 星期几,完整的文本格式(Sunday 到 Saturday)
+
+ w - 星期几,中文名称
+
+ W - 一月中第几个星期几
+
+ i - 月份中的第几周
+
+ o - 年份中的第几周
+
+ h - 小时(1~12)
+
+ H - 小时(0~23)
+
+ m - 分
+
+ s - 秒
+
+ S - 毫秒
+
+ a - 上午/下午标记
+
+ O - 与格林威治时间相差的小时数
+
+ P - 与格林威治时间相差的小时数,小时和分钟之间有冒号分隔
+
+ Z - 时区
+
+返回值:string
格式化后的日期时间
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-01-11').format("f-dd,yyyy"); // Jan-11,2022
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new Date('2022-01-11').format("f-dd,yy"); // Jan-11,22
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
fullScreen | +检测当前文档是否全屏 | +
fullScreenEnabled | +检测当前浏览器是否支持全屏模式 | +
fullScreenElement | +检测当前文档中正在以全屏模式显示的 Element 节点 | +
fullScreen | +检测当前文档是否全屏 | +
httpCookie | +Cookie 对象操作 | +
方法 | +描述 | +
---|---|
requestFullscreen | +请求进入全屏模式 | +
exitFullscreen | +退出全屏模式 | +
类型:Property
功能描述:检测当前文档是否全屏
+参数:无
+返回值:boolean
当前文档是否全屏,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreen;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreen;
+ }
+});
+</script>
+
+类型:Property
功能描述:检测当前浏览器是否支持全屏模式
+返回值:boolean
当前浏览器是否支持全屏模式返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreenEnabled;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreenEnabled
+ }
+});
+</script>
+
+类型:Property
功能描述:检测当前文档中正在以全屏模式显示的 Element 节点
+返回值:boolean
当前文档中正在以全屏模式显示的 Element 节点,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreenElement;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreenElement
+ }
+});
+</script>
+
+类型:Function
功能描述:请求进入全屏模式
+参数:无
+返回值:Promise
Promise
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.requestFullscreen();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Promise<void> = document.requestFullscreen()
+ }
+});
+</script>
+
+类型:Function
功能描述:退出全屏模式
+参数:无
+返回值:Promise
Promise
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.exitFullscreen();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Promise<void> = document.exitFullscreen()
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
argumentNames | +获取函数参数名称 | +
delay | +延时执行函数 | +
类型:Function
功能描述:获取函数参数名称
+参数:args - any
1个或多个任意类型的可变参数可变参数
返回值:string[] | null
函数参数名称列表
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var fn = function(a, b, c){
+
+ }
+ var result = fn.argumentNames();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const fn = function(a: boolean, b: number, c: String) {
+
+ }
+ const result: string[] | null = fn.argumentNames()
+ }
+});
+</script>
+
+类型:Function
功能描述:延时执行函数
+参数:timeout - number
延时时间(单位:秒)
返回值:any
函数返回值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var fn = function(a, b, c){
+ return a + b + c;
+ }
+ var result = fn.delay(3)
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const fn = function(a: boolean, b: number, c: number) {
+ return a ? b : c
+ }
+ const result: any = fn.delay(3)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
getParameters | +获取所有的请求参数及值 | +
getParameter | +获取指定请求参数的值 | +
类型:Function
功能描述:获取所有的请求参数及值
+参数:无
+返回值:Record<string, any>
当前请求 URL 中的所有的请求参数及值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = location.getParameters();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Record<string, any> = location.getParameters()
+ }
+});
+</script>
+
+类型:Function
功能描述:获取指定请求参数的值
+参数:string
参数名称
返回值:any
请求参数的值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = location.getParameter("action");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: any = location.getParameter('action');
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
rand | +延时执行函数 | +
类型:Function
功能描述:产生一个指定范围内的随机数
+参数:min - number
返回的最低值
+ max - number
返回的最高值
返回值:number
随机数
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Math.rand(1, 5); //
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = Math.rand(1, 5)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
toPaddedString | +延时执行函数 | +
isOdd | +判断数字是否为奇数 | +
isEven | +判断数字是否为偶数 | +
isBetween | +判断一个数字是否在另两个数字之间 | +
类型:Function
功能描述:数字填充
+参数:length - number
长度
+ radix - number
进制
返回值:string
填充后的字符串数字
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Number(5).toPaddedString(12, 2); // 0000000000101
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new Number(5).toPaddedString(12, 8) // 0000000000005
+ }
+});
+</script>
+
+类型:Function
功能描述:判断数字是否为奇数
+参数:num - number
需要判断的数字
返回值:boolean
数字是为奇数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isOdd(255); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isOdd(256) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断数字是否为偶数
+参数:num - number
需要判断的数字
返回值:boolean
数字是为偶数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isEven(255); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isOdd(256) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断一个数字是否在另两个数字之间
+参数:num - number
需要判断的数字
+ min - number
最小值
+ max - number
最大值
+ match - boolean | undefined
是否包含最小值或最大值
返回值:boolean
数字是否在另两个数字之间,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isBetween(4, 3, 5); // true
+ var result = Number.isBetween(4, 4, 5); // false
+ var result = Number.isBetween(4, 4, 5, true); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isBetween(4, 3, 5) // true
+ const result: boolean = Number.isBetween(4, 4, 5) // false
+ const result: boolean = Number.isBetween(4, 4, 5, true) // true
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
type | +获取对象数据类型 | +
rawType | +获取对象原始数据类型 | +
isObject | +判断对象是否为 object 类型 | +
isPlainObject | +判断对象是否为简单 object 类型 | +
isMap | +判断对象是否为 Map 类型 | +
isSet | +判断对象是否为 Set 类型 | +
isSymbol | +判断对象是否为 Symbol | +
isPromise | +判断对象是否为 Promise | +
isPrimitive | +判断对象是否为原始类型 | +
isFunction | +判断对象是否为函数 | +
isArray | +判断对象是否为数组 | +
isString | +判断对象是否为字符串对象 | +
isNumber | +判断对象是否为数字对象 | +
isBoolean | +判断对象是否为布尔对象 | +
isRegExp | +判断对象是否为正则对象 | +
isFile | +判断对象是否为文件对象 | +
isWindow | +判断对象是否为 windows 对象 | +
isElement | +判断对象是否为 Element | +
isEvent | +判断对象是否为事件对象 | +
isNull | +判断对象是否为 null 对象 | +
isUndefined | +判断对象是否为未定义 | +
isUndefinedOrNull | +判断对象是否为未定义或 null | +
clone | +克隆对象 | +
类型:Function
功能描述:获取对象数据类型
+参数:obj - any
对象变量
返回值:string
对象数据类型
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.type(true); // boolean
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = Object.type(4.4) // number
+ }
+});
+</script>
+
+类型:Function
功能描述:获取对象原始数据类型
+参数:obj - any
对象变量
返回值:string
原始数据类型
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.type("4.4"); // String
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = Object.type(4.4) // Number
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 object 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 object 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isObject("1"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isObject(new String("1")) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为简单 object 类型
+参数:obj - any
对象变量
返回值:boolean
对象为简单 object 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPlainObject(new String("1")); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPlainObject({"a":"A"}) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Map 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 Map 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isMap(new Map()); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isMap({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Map 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 Set 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isSet(new Set()); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isSet({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Symbol
+参数:obj - any
对象变量
返回值:boolean
对象为 Symbol 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isSymbol(Symbol('a')); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isSymbol({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Promise
+参数:obj - any
对象变量
返回值:boolean
对象为 Promise 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPromise(new Promise(function(){})); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPromise({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为原始类型
+参数:obj - any
对象变量
返回值:boolean
对象为原始类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPrimitive(11); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPromise({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为函数
+参数:obj - any
对象变量
返回值:boolean
对象为函数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isFunction(location.href); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isFunction("a".replace) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为数组
+参数:obj - any
对象变量
返回值:boolean
对象为数组返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isArray([1, 2]); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isArray({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为字符串对象
+参数:obj - any
对象变量
返回值:boolean
对象为字符串返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isString(1); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isString("1") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为数字对象
+参数:obj - any
对象变量
返回值:boolean
对象为数字对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isNumber(1.0); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isNumber("1.0") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为布尔对象
+参数:obj - any
对象变量
返回值:boolean
对象为布尔对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isBoolean(false); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isBoolean(1) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为正则对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为正则对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isRegExp(/^[a-z]$/); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isRegExp('/^[a-z]$/') // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为文件对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为文件对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isFile(new File(['text1', 'text2'], 'test.txt', {type: 'text/plain'})); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = bject.isFile(document) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 windows 对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为 windows 对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isWindow(window); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isWindow(document) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Element
+参数:obj - any
对象变量
返回值:boolean
对象是否为 Element 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isElement(document); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isElement(document.body) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为事件对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为事件对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isEvent(document.onclick); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isEvent(document.onclick) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 null
+参数:obj - any
对象变量
返回值:boolean
对象是否为 null 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isNull(null); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isNull("A") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为未定义
+参数:obj - any
对象变量
返回值:boolean
对象是否为未定义返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isUndefined(a); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isUndefined(b) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为未定义或 null
+参数:obj - any
对象变量
返回值:boolean
对象是否为未定义或 null 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isUndefinedOrNull(a); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isUndefinedOrNull(document.body) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:克隆对象
+参数:obj - any
对象变量
返回值:any
新对象实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.clone({"a": "A"}); // {"a": "A"}
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: any = Object.clone({"a":"A"}) // {"a": "A"}
+ }
+});
+</script>
+
+Optional 类是一个可以为 null 或 undefined 的容器对象,如果值 value 存在则 isPresent() 方法会返回 true,调用 get() 方法会返回 value 的值。 +其设计思想,参考 java8 的 Optional
+使用方式,在构造函数中传入任意类型值;Optional 提供很多有用的方法,这样我们就不用显式进行 null 值和 undefined 的检测。
+方法 | +描述 | +
---|---|
of | +返回一个指定 T 类型的值的 Optional 实例 | +
ofNullable | +如果为非 null 或 undefined,返回 Optional 描述的指定值的实例,否则返回空的 Optional 实例 | +
empty | +返回空的 Optional 实例 | +
get | +如果 value 不为 null 或 undefined,则返回 value 的值;否则抛出异常 | +
orElse | +如果 value 不为 null 或 undefined,则返回 value 的值;否则返回 other | +
isPresent | +如果 value 不为 null 或 undefined,则返回 true;否则返回 false | +
<script type="text/javascript">
+ var optional = new Optional(any value);
+</script>
+
+类型:Function
功能描述:返回一个指定 T 类型的值的 Optional 实例
+参数:value - any of T
任意类型的值
返回值:Object
T 类型的值的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.of(11);
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: boolean = Optional.<boolean>of(false)
+ }
+});
+</script>
+
+类型:Function
功能描述:如果为非 null 或 undefined,返回 Optional 描述的指定值的实例,否则返回空的 Optional 实例
+参数:value - any as T
任意类型的值
返回值:Object
T 类型的值的 Optional 实例,或空的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.ofNullable('js');
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>ofNullable(11)
+ }
+});
+</script>
+
+类型:Function
功能描述:返回空的 Optional 实例
+参数:无
+返回值:Object as Optional
空的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.empty();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: null Optional.<null>empty()
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 value 的值;否则抛出异常
+参数:无
+返回值:any as T
Optional 中包含这个值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(11);
+ var result = optional.get(); // 11
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>of(11)
+ const result = optional.get() // 11
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 value 的值;否则返回 other
+参数:other - any of T
任意类型的值
返回值:any as T
value 不为 null 或 undefined,则返回 value 的值;否则返回 other
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(null);
+ var result = optional.orElse("abc"); // abc
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: boolean = Optional.<boolean>of(undefined)
+ const result = optional.orElse(false) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 true;否则返回 false
+参数:无
+返回值:boolean
value 不为 null 或 undefined,则返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(null);
+ var result = optional.isPresent(); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>of(11)
+ const result = optional.isPresent() // true
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
version | +获取 Buession Prototype 版本 | +
方法 | +描述 | +
---|---|
emptyFunction | +执行一个空方法 | +
K | +返回参数传递的任意值 | +
类型:String
功能描述:获取 Buession Prototype 版本
+返回值:Buession Prototype 版本
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ var ver = Prototype.version;
+</script>
+
+vue
+<template>
+ <div>
+ <div>Prototype 版本:{Prototype.version}</div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ }
+});
+</script>
+
+类型:Function
功能描述:执行一个空方法
+参数:无
+返回值:void
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ Prototype.emptyFunction();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ Prototype.emptyFunction()
+ }
+});
+</script>
+
+类型:Function
功能描述:返回参数传递的任意值
+参数:x - any
任意值
返回值:any
参数传递的任意值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var v = Prototype.K(object);
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const v: any = Prototype.K(object)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
exists | +判断字符串是否存在 | +
equals | +判断字符串是否相等 | +
equalsIgnoreCase | +判断字符串是否相等,不考虑大小写 | +
isEmpty | +判断是否为空字符串 | +
isNotEmpty | +判断是否不为空字符串 | +
isBlank | +判断是否为空白字符串 | +
repeat | +重复一个字符串 | +
left | +截取字符串左边边指定数目的字符串 | +
right | +截取字符串右边指定数目的字符串 | +
truncation | +截取字符串,超出部分用 truncation 替代 | +
ltrim | +删除字符串开头的空白字符 | +
rtrim | +删除字符串结尾的空白字符 | +
startsWith | +判断字符串是否以给定的字符串开头 | +
endsWith | +判断字符串是否以给定的字符串结尾 | +
lcfirst | +首字母小写 | +
ucfirst | +首字母大写 | +
escapeHTML | +将 HTML 编码 | +
unescapeHTML | +将 HTML 实体字符解码 | +
stripTag | +删除 HTML 标签 | +
stripTags | +批量删除 HTML 标签 | +
stripScripts | +删除 script 标签 | +
toArray | +将字符串转换为数组 | +
inspect | +返回一个数组的字符串表示形式 | +
hashCode | +获取字符串 hash code | +
random | +生成随机字符串 | +
类型:Function
功能描述:判断字符串是否存在
+参数:str - string
子字符串
返回值:boolean
子字符串存在返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "ABC".exists("A"); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = "ABC".exists("a") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否相等
+参数:str - string | undefined | null
与此 String 进行比较的对象
返回值:boolean
字符串相等返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".equals(new String("A")); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = "A".equals("a") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否相等,不考虑大小写
+参数:str - string | undefined | null
与此 String 进行比较的对象
返回值:boolean
字符串相等返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".equalsIgnoreCase("a"); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("a").equalsIgnoreCase("1") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否为空字符串
+参数:无
+返回值:boolean
字符串为空,即长度为 0 返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isEmpty(); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("").isEmpty() // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否不为空字符串
+参数:无
+返回值:boolean
字符串不为空,即长度大于 0 返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isNotEmpty(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("").isNotEmpty() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否为空白字符串
+参数:无
+返回值:boolean
字符串全为空白字符串(即:空格、回车、Tag 制表位、非打印字符)返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isBlank(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("\t\n").isBlank() // true
+ }
+});
+</script>
+
+类型:Function
功能描述:重复一个字符串
+参数:count - number
重复次数
返回值:string
重复后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".repeat(3); // AAA
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".repeat(3) // AbcAbcAbc
+ }
+});
+</script>
+
+类型:Function
功能描述:截取字符串左边边指定数目的字符串
+参数:length - number
截取长度
返回值:string
子字符串,length 如果为负数,则返回空字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".left(1); // A
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".left(-1) // ""
+ }
+});
+</script>
+
+类型:Function
功能描述:截截取字符串右边指定数目的字符串
+参数:length - number
截取长度
返回值:string
子字符串,length 如果为负数,则返回空字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".right(1); // c
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".right(-1) // ""
+ }
+});
+</script>
+
+类型:Function
功能描述:截取字符串,超出部分用 truncation 替代
+参数:length - number
截取长度
truncation - string
替换字符串
string
截取后的字符串;实际截取长度:当 length 小于等于 truncation 的长度时为,length;当 length 大于 truncation 的长度时为,length - truncation.length示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".truncation(1, "..."); // A...
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".truncation(6, "...") // Abc
+ }
+});
+</script>
+
+类型:Function
功能描述:删除字符串开头的空白字符(包括:空格、制表位、换行以及其它非打印字符)
+参数:无
+返回值:string
删除了字符串最左边的空白字符的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " Abc".ltrim(); // "Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String(" Abc ").ltrim() // "Abc "
+ }
+});
+</script>
+
+类型:Function
功能描述:删除字符串结尾的空白字符(包括:空格、制表位、换行以及其它非打印字符)
+参数:无
+返回值:string
删除了字符串最右边的空白字符的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " Abc".rtrim(); // " Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String(" Abc ").rtrim() // " Abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否以给定的字符串开头
+参数:str - string
搜索的字符串
返回值:boolean
字符串是否以给定的字符串开头返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".startsWith("a"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("aBc").startsWith("a") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否以给定的字符串结尾
+参数:str - string
搜索的字符串
返回值:boolean
字符串是否以给定的字符串结尾返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".endsWith("C"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("aBc").endsWith("c") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:首字母小写
+参数:无
+返回值:string
首字母小写后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".lcfirst(); // "abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("abc").lcfirst() // "abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:首字母大写
+参数:无
+返回值:string
首字母大写后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "abc".ucfirst(); // "Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("abc").lcfirst() // "Abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:将 HTML 编码,参考:https://www.w3school.com.cn/html/html_entities.asp
+参数:无
+返回值:string
编码后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a>".escapeHTML(); // <a href='https://www.domain.com'>test</a>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("<a href='https://www.domain.com'>test</a>").lcfirst() // <a href='https://www.domain.com'>test</a>
+ }
+});
+</script>
+
+类型:Function
功能描述:将 HTML 实体字符解码,参考:https://www.w3school.com.cn/html/html_entities.asp
+参数:无
+返回值:string
解码后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a>".unescapeHTML(); // <a href='https://www.domain.com'>test</a>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a>".unescapeHTML() // <a href='https://www.domain.com'>test</a>
+ }
+});
+</script>
+
+类型:Function
功能描述:删除 HTML 标签
+参数:tag - string
待删除标签
返回值:string
删除标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a><i></i>".stripTag("a"); // test<i></i>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a><i></i>".stripTag("a") // test<i></i>
+ }
+});
+</script>
+
+类型:Function
功能描述:批量删除 HTML 标签
+参数:tag - string[] | string
删除指定的标签
返回值:string
删除标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a><i></i><em>EM</em>".stripTags(["a", "i"]); // test<em>EM</em>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a><i></i><em>EM</em>".stripTags(["a", "i"]) // test<em>EM</em>
+ }
+});
+</script>
+
+类型:Function
功能描述:删除 script 标签
+参数:无
+返回值:string
删除 script 标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = '<script type="text/javascript">alert("test");</script>test'.stripScripts(); // test
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = '<script type="text/javascript">alert("test");</script>test'.stripScripts() // <test
+ }
+});
+</script>
+
+类型:Function
功能描述:将字符串转换为数组
+参数:delimiter - string
分隔字符
返回值:string[]
字符串数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "a|b|c".toArray('|'); // [ "a", "b", "c" ]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = "a|b||c".toArray('||') // [ "a|b", "c" ]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回一个数组的字符串表示形式
+参数:useDoubleQuotes - boolean
是否使用双引号引住
返回值:string
数组的字符串表示形式
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "a|b|c".inspect(true); // \"a|b|c\"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "a|b|c".inspect(false) // 'a|b|c'
+ }
+});
+</script>
+
+类型:Function
功能描述:获取字符串 hash code
+参数:无
+返回值:number
字符串的 hash code
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "abc".hashCode(); // 96354
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = "abcABC".hashCode() // 2870546592
+ }
+});
+</script>
+
+类型:Function
功能描述:生成随机字符串
+参数:length - number
生成字符串的长度
type - NUMERIC | LETTER | LETTER_NUMERIC | CHINESE | undefined
生成类型,可选参数,当未指定时为 LETTER_NUMERIC
NUMERIC - 数字随机字符串
+
+ LETTER - 英文随机字符串
+
+ LETTER_NUMERIC - 英文数字混合随机字符串
+
+ CHINESE - 中文随机字符串
+
+string
随机字符串示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = String.random(6); // 1Diim2
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = String.random(6, "NUMERIC") // 881773
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
these | +接收任意数目的函数作为参数,返回第一个执行成功的函数(未抛出异常的函数)的结果 | +
类型:Function
功能描述:接收任意数目的函数作为参数,返回第一个执行成功的函数(未抛出异常的函数)的结果
+参数:args any[]
一个或多个 function
作为参数
返回值:any
任意函数参数执行结果
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Try.these(function(){
+
+ },
+
+ function() {
+
+ });
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result:any = Try.these(function(){
+
+ },
+
+ function() {
+
+ })
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
browser | +浏览器信息对象 | +
location | +Location 对象 | +
方法 | +描述 | +
---|---|
copy | +将字符串复制到剪贴板 | +
类型:Function
功能描述:将字符串复制到剪贴板
+参数:str - string
字符串
返回值:无
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ window.copy("这是要复制的字符串");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ window.copy("这是要复制的字符串")
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
isEmpty | +判断数组是否为空数组 | +
exists | +判断元素 item 是否在数组中 | +
first | +获取数组第一个元素 | +
last | +获取数组最后一个元素 | +
each | +按顺序为数组中的每个元素调用一次函数 | +
size | +获取数组大小 | +
merge | +连接两个或多个数组 | +
compact | +返回一个不包含 null/undefined 值元素的数组的新版本 | +
unique | +对数组的元素进行去重 | +
without | +返回不包括参数中任意一个指定值的数组 | +
clone | +克隆数组 | +
clear | +清空数组 | +
类型:Function
功能描述:判断数组是否为空数组
+参数:无
+返回值:boolean
数组为空,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = [].isEmpty(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = ['a', 'b', 'c'].isEmpty() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断元素 item 是否在数组中
+参数:item - any
待检测元素
返回值:boolean
元素 item 是否在数组中返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].exists('a'); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = ['1', '2'].exists(2) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组第一个元素
+参数:无
+返回值:any
数组第一个元素
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].first(); // a
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = [1, 2].first() // 1
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组最后一个元素
+参数:无
+返回值:any
数组最后一个元素
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].last(); // b
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = [1, 2].last() // 2
+ }
+});
+</script>
+
+类型:Function
功能描述:按顺序为数组中的每个元素调用一次函数,forEach的别名
+参数:callback - (value: T, index: number, array: readonly T[]) => void as Function
callback 为数组中的每个元素运行的函数,其中:value 为前元素的值,index 为当前元素的数组索引,array 为当前元素所属的数组对象
+any
thisArg 可选。要传递给函数以用作其 "this" 值的值,如果此参数为空,则值 "undefined" 将作为其 "this" 值传递
返回值:void
示例:
+原生 JavaScript
+<script type="text/javascript">
+ ['a', 'b'].each(function (currentValue) {
+ console.log(currentValue)
+ });
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ ['a', 'b'].each(function (currentValue) {
+ console.log(currentValue)
+ })
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组大小
+参数:无
+返回值:number
数组大小
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].size(); // 2
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = [].size() // 0
+ }
+});
+</script>
+
+类型:Function
功能描述:连接两个或多个数组
+参数:items - any as T
待连接的 T 类型的数组
返回值:Array<T>
已连接数组的副本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = [1, 3].merge(2, 4); // [1, 3, 2, 4]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ console result: string[] = ['a', 'b'].merge('c', 'd') // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回一个不包含 null/undefined 值元素的数组的新版本
+参数:无
+返回值:Array<T>
不包含 null/undefined 值元素的数组的新版本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', null, 'c', 'd'].compact(); // [a, b, c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', null, 'c', 'd', undefined].compact() // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:对数组的元素进行去重
+参数:无
+返回值:Array<T>
数组元素进行去重后的新版本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', 'c', 'd', 'b', 'd'].unique(); // [a, b, c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', 'c', 'c', 'd'].unique() // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回不包括参数中任意一个指定值的数组
+参数:values - any as T[]
排除值数组
返回值:Array<T>
不包括参数中任意一个指定值的数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', 'c', 'd', 'b', 'd'].without('a', 'b'); // [c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', 'c', 'd', 'b', 'd'].without('a', 'b') // [c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:克隆数组
+参数:无
+返回值:Array<T>
克隆结果
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].clone(); // [a, b]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b'].clone() // [a, b]
+ }
+});
+</script>
+
+类型:Function
功能描述:清空数组
+参数:无
+返回值:Array<T>
空数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].clear(); // []
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b'].clear() // []
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
userAgent | +获取浏览器 User-Agent | +
name | +获取浏览器应用程序名称 | +
isMobile | +是否为移动设备 | +
isChrome | +是否为 Chrome 浏览器 | +
isFirefox | +是否为 Firefox 浏览器 | +
isMozilla | +是否为 Mozilla 浏览器 | +
isMSIE | +是否为 IE 浏览器 | +
isOpera | +是否为 Opera 浏览器 | +
isSafari | +是否为 Safari 浏览器 | +
isNetscape | +是否为 Netscape 浏览器 | +
类型:Property
功能描述:获取浏览器 User-Agent,等价于 navigator.userAgent
返回值:string
浏览器 User-Agent
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.userAgent; // Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:102.0) Gecko/20100101 Firefox/102.0
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: String = window.browser.userAgent // Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:102.0) Gecko/20100101 Firefox/102.0
+ }
+});
+</script>
+
+类型:Property
功能描述:获取浏览器应用程序名称,等价于 navigator.appName
返回值:string
浏览器应用程序名称
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.name; // Netscape
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: String = window.browser.name // Netscape
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为移动设备,检测依据:User-Agent 中含有 Android、iPhone、iPod、Windows Phone、Mobile、Coolpad、mmp、SmartPhone、midp、wap、xoom、Symbian、J2ME、Blackberry、Wince 其中任意一个字符串
+返回值:boolean
是移动设备返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isMobile
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isMobile
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Chrome 浏览器
+返回值:boolean
是 Chrome 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isChrome;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isChrome
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Firefox 浏览器
+返回值:boolean
是 Firefox 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isFirefox;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isFirefox
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 IE 浏览器
+返回值:boolean
是 IE 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isMSIE;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isMSIE
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Opera 浏览器
+返回值:boolean
是 Opera 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isOpera;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isOpera
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Safari 浏览器
+返回值:boolean
是 Safari 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isSafari;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isSafari
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Netscape 浏览器
+返回值:boolean
是 Netscape 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isNetscape;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isNetscape
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
[set](cookie.html#setname-string,-value-string- | +-null- | +
get | +获取 Cookie | +
delete | +删除 Cookie | +
类型:Function
功能描述:设置 Cookie
+参数:name - string
Cookie 名称
+ value - string | null | undefined
Cookie 值
+ options - CookieOptions
Cookie 选项
返回值:string
Cookie 字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.httpCookie.set("name", "测试");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string | null = document.httpCookie.set("name", "测试", {path: '/', domain: '*.test.com'})
+ }
+});
+</script>
+
+类型:Function
功能描述:获取 Cookie 值
+参数:name - string
Cookie 名称
返回值:string | null
Cookie 值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.httpCookie.get("name")
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string | null = document.httpCookie.get("name")
+ }
+});
+</script>
+
+类型:Function
功能描述:删除 Cookie
+参数:name - string
Cookie 名称
+ options - CookieOptions
Cookie 选项
返回值:无
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.httpCookie.delete("name");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ document.httpCookie.delete("name", "测试", {domain: '*.test.com'})
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
isLeapYear | +判断是否为闰年 | +
getSeason | +获取季节 | +
getDayOfYear | +获取年份中的第几天 | +
getDaysOfYear | +获取年份总天数 | +
format | +将日期时间格式化为字符串 | +
类型:Function
功能描述:判断是否为闰年
+参数:无
+返回值:boolean
是闰年,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2000-04-11').isLeapYear(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new Date('2000-04-11').isLeapYear() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:获取季节
+参数:无
+返回值:number
依次返回 0 至 3 的整数,表示春季、夏季、秋季、冬季
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2000-04-11').isLeapYear(); // 0
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new Date('2022-01-11').isLeapYear() // 3
+ }
+});
+</script>
+
+类型:Function
功能描述:获取年份中的第几天
+参数:无
+返回值:number
年份中的第几天
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-02-11').getDayOfYear(); // 42
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = new Date('2022-03-01').getDayOfYear(); // 61
+ }
+});
+</script>
+
+类型:Function
功能描述:获取年份总天数
+参数:无
+返回值:number
年份总天数
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-02-11').getDaysOfYear(); // 365
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = new Date('2020-02-11').getDaysOfYear() // 366
+ }
+});
+</script>
+
+类型:Function
功能描述:将日期时间格式化为字符串
+参数:format - String
format 格式字符串
y - 年
+
+ n - 季度(1 到 4)
+
+ N - 季度名称
+
+ A - 季度中文名称
+
+ M - 月
+
+ f - 月(Jan 到 Dec)
+
+ F - 月(January 到 December)
+
+ C - 月,中文名称
+
+ d - 日
+
+ Y - 年份中的第几天(0 到 365)
+
+ T - 月份有几天(28 到 30)
+
+ j - 每月天数后面的英文后缀(st,nd,rd 或者 th)
+
+ e - 星期几,数字表示,0(表示星期天)到 6(表示星期六)
+
+ E - 星期几,数字表示,1(表示星期一)到 7(表示星期天)
+
+ l - 星期几,文本表示,3 个字母(Mon 到 Sun)
+
+ L - 星期几,完整的文本格式(Sunday 到 Saturday)
+
+ w - 星期几,中文名称
+
+ W - 一月中第几个星期几
+
+ i - 月份中的第几周
+
+ o - 年份中的第几周
+
+ h - 小时(1~12)
+
+ H - 小时(0~23)
+
+ m - 分
+
+ s - 秒
+
+ S - 毫秒
+
+ a - 上午/下午标记
+
+ O - 与格林威治时间相差的小时数
+
+ P - 与格林威治时间相差的小时数,小时和分钟之间有冒号分隔
+
+ Z - 时区
+
+返回值:string
格式化后的日期时间
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-01-11').format("f-dd,yyyy"); // Jan-11,2022
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new Date('2022-01-11').format("f-dd,yy"); // Jan-11,22
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
fullScreen | +检测当前文档是否全屏 | +
fullScreenEnabled | +检测当前浏览器是否支持全屏模式 | +
fullScreenElement | +检测当前文档中正在以全屏模式显示的 Element 节点 | +
fullScreen | +检测当前文档是否全屏 | +
httpCookie | +Cookie 对象操作 | +
方法 | +描述 | +
---|---|
requestFullscreen | +请求进入全屏模式 | +
exitFullscreen | +退出全屏模式 | +
类型:Property
功能描述:检测当前文档是否全屏
+参数:无
+返回值:boolean
当前文档是否全屏,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreen;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreen;
+ }
+});
+</script>
+
+类型:Property
功能描述:检测当前浏览器是否支持全屏模式
+返回值:boolean
当前浏览器是否支持全屏模式返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreenEnabled;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreenEnabled
+ }
+});
+</script>
+
+类型:Property
功能描述:检测当前文档中正在以全屏模式显示的 Element 节点
+返回值:boolean
当前文档中正在以全屏模式显示的 Element 节点,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreenElement;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreenElement
+ }
+});
+</script>
+
+类型:Function
功能描述:请求进入全屏模式
+参数:无
+返回值:Promise
Promise
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.requestFullscreen();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Promise<void> = document.requestFullscreen()
+ }
+});
+</script>
+
+类型:Function
功能描述:退出全屏模式
+参数:无
+返回值:Promise
Promise
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.exitFullscreen();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Promise<void> = document.exitFullscreen()
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
argumentNames | +获取函数参数名称 | +
delay | +延时执行函数 | +
类型:Function
功能描述:获取函数参数名称
+参数:args - any
1个或多个任意类型的可变参数可变参数
返回值:string[] | null
函数参数名称列表
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var fn = function(a, b, c){
+
+ }
+ var result = fn.argumentNames();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const fn = function(a: boolean, b: number, c: String) {
+
+ }
+ const result: string[] | null = fn.argumentNames()
+ }
+});
+</script>
+
+类型:Function
功能描述:延时执行函数
+参数:timeout - number
延时时间(单位:秒)
返回值:any
函数返回值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var fn = function(a, b, c){
+ return a + b + c;
+ }
+ var result = fn.delay(3)
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const fn = function(a: boolean, b: number, c: number) {
+ return a ? b : c
+ }
+ const result: any = fn.delay(3)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
getParameters | +获取所有的请求参数及值 | +
getParameter | +获取指定请求参数的值 | +
类型:Function
功能描述:获取所有的请求参数及值
+参数:无
+返回值:Record<string, any>
当前请求 URL 中的所有的请求参数及值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = location.getParameters();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Record<string, any> = location.getParameters()
+ }
+});
+</script>
+
+类型:Function
功能描述:获取指定请求参数的值
+参数:string
参数名称
返回值:any
请求参数的值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = location.getParameter("action");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: any = location.getParameter('action');
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
rand | +延时执行函数 | +
类型:Function
功能描述:产生一个指定范围内的随机数
+参数:min - number
返回的最低值
+ max - number
返回的最高值
返回值:number
随机数
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Math.rand(1, 5); //
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = Math.rand(1, 5)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
toPaddedString | +延时执行函数 | +
isOdd | +判断数字是否为奇数 | +
isEven | +判断数字是否为偶数 | +
isBetween | +判断一个数字是否在另两个数字之间 | +
类型:Function
功能描述:数字填充
+参数:length - number
长度
+ radix - number
进制
返回值:string
填充后的字符串数字
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Number(5).toPaddedString(12, 2); // 0000000000101
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new Number(5).toPaddedString(12, 8) // 0000000000005
+ }
+});
+</script>
+
+类型:Function
功能描述:判断数字是否为奇数
+参数:num - number
需要判断的数字
返回值:boolean
数字是为奇数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isOdd(255); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isOdd(256) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断数字是否为偶数
+参数:num - number
需要判断的数字
返回值:boolean
数字是为偶数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isEven(255); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isOdd(256) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断一个数字是否在另两个数字之间
+参数:num - number
需要判断的数字
+ min - number
最小值
+ max - number
最大值
+ match - boolean | undefined
是否包含最小值或最大值
返回值:boolean
数字是否在另两个数字之间,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isBetween(4, 3, 5); // true
+ var result = Number.isBetween(4, 4, 5); // false
+ var result = Number.isBetween(4, 4, 5, true); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isBetween(4, 3, 5) // true
+ const result: boolean = Number.isBetween(4, 4, 5) // false
+ const result: boolean = Number.isBetween(4, 4, 5, true) // true
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
type | +获取对象数据类型 | +
rawType | +获取对象原始数据类型 | +
isObject | +判断对象是否为 object 类型 | +
isPlainObject | +判断对象是否为简单 object 类型 | +
isMap | +判断对象是否为 Map 类型 | +
isSet | +判断对象是否为 Set 类型 | +
isSymbol | +判断对象是否为 Symbol | +
isPromise | +判断对象是否为 Promise | +
isPrimitive | +判断对象是否为原始类型 | +
isFunction | +判断对象是否为函数 | +
isArray | +判断对象是否为数组 | +
isString | +判断对象是否为字符串对象 | +
isNumber | +判断对象是否为数字对象 | +
isBoolean | +判断对象是否为布尔对象 | +
isRegExp | +判断对象是否为正则对象 | +
isFile | +判断对象是否为文件对象 | +
isWindow | +判断对象是否为 windows 对象 | +
isElement | +判断对象是否为 Element | +
isEvent | +判断对象是否为事件对象 | +
isNull | +判断对象是否为 null 对象 | +
isUndefined | +判断对象是否为未定义 | +
isUndefinedOrNull | +判断对象是否为未定义或 null | +
equals | +深度判断两个对象是否相等 | +
clone | +克隆对象 | +
omit | +克隆对象,但支持删除指定属性 | +
类型:Function
功能描述:获取对象数据类型
+参数:obj - any
对象变量
返回值:string
对象数据类型
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.type(true); // boolean
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = Object.type(4.4) // number
+ }
+});
+</script>
+
+类型:Function
功能描述:获取对象原始数据类型
+参数:obj - any
对象变量
返回值:string
原始数据类型
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.type("4.4"); // String
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = Object.type(4.4) // Number
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 object 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 object 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isObject("1"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isObject(new String("1")) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为简单 object 类型
+参数:obj - any
对象变量
返回值:boolean
对象为简单 object 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPlainObject(new String("1")); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPlainObject({"a":"A"}) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Map 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 Map 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isMap(new Map()); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isMap({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Map 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 Set 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isSet(new Set()); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isSet({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Symbol
+参数:obj - any
对象变量
返回值:boolean
对象为 Symbol 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isSymbol(Symbol('a')); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isSymbol({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Promise
+参数:obj - any
对象变量
返回值:boolean
对象为 Promise 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPromise(new Promise(function(){})); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPromise({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为原始类型
+参数:obj - any
对象变量
返回值:boolean
对象为原始类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPrimitive(11); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPromise({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为函数
+参数:obj - any
对象变量
返回值:boolean
对象为函数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isFunction(location.href); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isFunction("a".replace) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为数组
+参数:obj - any
对象变量
返回值:boolean
对象为数组返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isArray([1, 2]); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isArray({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为字符串对象
+参数:obj - any
对象变量
返回值:boolean
对象为字符串返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isString(1); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isString("1") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为数字对象
+参数:obj - any
对象变量
返回值:boolean
对象为数字对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isNumber(1.0); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isNumber("1.0") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为布尔对象
+参数:obj - any
对象变量
返回值:boolean
对象为布尔对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isBoolean(false); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isBoolean(1) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为正则对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为正则对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isRegExp(/^[a-z]$/); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isRegExp('/^[a-z]$/') // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为文件对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为文件对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isFile(new File(['text1', 'text2'], 'test.txt', {type: 'text/plain'})); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = bject.isFile(document) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 windows 对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为 windows 对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isWindow(window); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isWindow(document) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Element
+参数:obj - any
对象变量
返回值:boolean
对象是否为 Element 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isElement(document); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isElement(document.body) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为事件对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为事件对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isEvent(document.onclick); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isEvent(document.onclick) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 null
+参数:obj - any
对象变量
返回值:boolean
对象是否为 null 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isNull(null); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isNull("A") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为未定义
+参数:obj - any
对象变量
返回值:boolean
对象是否为未定义返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isUndefined(a); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isUndefined(b) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为未定义或 null
+参数:obj - any
对象变量
返回值:boolean
对象是否为未定义或 null 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isUndefinedOrNull(a); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isUndefinedOrNull(document.body) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:深度判断两个对象是否相等
+参数:obj1 - any
一个对象
+ obj2 - any
用于和 obj1 比较的对象
返回值:boolean
当两个对象相等时,返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.equals("a", "A"); // false
+ var result = Object.equals("a", "a"); // true
+ var result = Object.equals(1, 1.0); // true
+ var result = Object.equals([1], [1.0]); // true
+ var result = Object.equals([1], [1.0, 1.1]); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.equals("a", "A") // false
+ const result: boolean = Object.equals("a", "a") // true
+ const result: boolean = Object.equals(1, 1.0) // true
+ const result: boolean = Object.equals([1], [1.0]) // true
+ const result: boolean = Object.equals([1], [1.0, 1.1]) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:克隆对象
+参数:obj - any
对象变量
返回值:any
新对象实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.clone({"a": "A"}); // {"a": "A"}
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: any = Object.clone({"a":"A"}) // {"a": "A"}
+ }
+});
+</script>
+
+类型:Function
功能描述:克隆对象,但支持删除指定属性
+参数:obj - object
任意对象
+ fields - K[]
需要删除的属性
返回值:any
新对象实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var source = {
+ id: 1,
+ name: 'buession',
+ year: 2023
+ };
+ var result = Object.omit(source, "id", "year"); // {"name": "buession"}
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const source = {
+ id: 1,
+ name: 'buession',
+ year: 2023
+ };
+ const result = Object.omit(source, "id", "year") // {"name": "buession"}
+ }
+});
+</script>
+
+Optional 类是一个可以为 null 或 undefined 的容器对象,如果值 value 存在则 isPresent() 方法会返回 true,调用 get() 方法会返回 value 的值。 +其设计思想,参考 java8 的 Optional
+使用方式,在构造函数中传入任意类型值;Optional 提供很多有用的方法,这样我们就不用显式进行 null 值和 undefined 的检测。
+方法 | +描述 | +
---|---|
of | +返回一个指定 T 类型的值的 Optional 实例 | +
ofNullable | +如果为非 null 或 undefined,返回 Optional 描述的指定值的实例,否则返回空的 Optional 实例 | +
empty | +返回空的 Optional 实例 | +
get | +如果 value 不为 null 或 undefined,则返回 value 的值;否则抛出异常 | +
orElse | +如果 value 不为 null 或 undefined,则返回 value 的值;否则返回 other | +
isPresent | +如果 value 不为 null 或 undefined,则返回 true;否则返回 false | +
<script type="text/javascript">
+ var optional = new Optional(any value);
+</script>
+
+类型:Function
功能描述:返回一个指定 T 类型的值的 Optional 实例
+参数:value - any of T
任意类型的值
返回值:Object
T 类型的值的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.of(11);
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: boolean = Optional.<boolean>of(false)
+ }
+});
+</script>
+
+类型:Function
功能描述:如果为非 null 或 undefined,返回 Optional 描述的指定值的实例,否则返回空的 Optional 实例
+参数:value - any as T
任意类型的值
返回值:Object
T 类型的值的 Optional 实例,或空的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.ofNullable('js');
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>ofNullable(11)
+ }
+});
+</script>
+
+类型:Function
功能描述:返回空的 Optional 实例
+参数:无
+返回值:Object as Optional
空的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.empty();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: null Optional.<null>empty()
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 value 的值;否则抛出异常
+参数:无
+返回值:any as T
Optional 中包含这个值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(11);
+ var result = optional.get(); // 11
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>of(11)
+ const result = optional.get() // 11
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 value 的值;否则返回 other
+参数:other - any of T
任意类型的值
返回值:any as T
value 不为 null 或 undefined,则返回 value 的值;否则返回 other
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(null);
+ var result = optional.orElse("abc"); // abc
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: boolean = Optional.<boolean>of(undefined)
+ const result = optional.orElse(false) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 true;否则返回 false
+参数:无
+返回值:boolean
value 不为 null 或 undefined,则返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(null);
+ var result = optional.isPresent(); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>of(11)
+ const result = optional.isPresent() // true
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
version | +获取 Buession Prototype 版本 | +
方法 | +描述 | +
---|---|
emptyFunction | +执行一个空方法 | +
K | +返回参数传递的任意值 | +
类型:String
功能描述:获取 Buession Prototype 版本
+返回值:Buession Prototype 版本
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ var ver = Prototype.version;
+</script>
+
+vue
+<template>
+ <div>
+ <div>Prototype 版本:{Prototype.version}</div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ }
+});
+</script>
+
+类型:Function
功能描述:执行一个空方法
+参数:无
+返回值:void
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ Prototype.emptyFunction();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ Prototype.emptyFunction()
+ }
+});
+</script>
+
+类型:Function
功能描述:返回参数传递的任意值
+参数:x - any
任意值
返回值:any
参数传递的任意值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var v = Prototype.K(object);
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const v: any = Prototype.K(object)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
exists | +判断字符串是否存在 | +
equals | +判断字符串是否相等 | +
equalsIgnoreCase | +判断字符串是否相等,不考虑大小写 | +
isEmpty | +判断是否为空字符串 | +
isNotEmpty | +判断是否不为空字符串 | +
isBlank | +判断是否为空白字符串 | +
repeat | +重复一个字符串 | +
left | +截取字符串左边边指定数目的字符串 | +
right | +截取字符串右边指定数目的字符串 | +
truncation | +截取字符串,超出部分用 truncation 替代 | +
ltrim | +删除字符串开头的空白字符 | +
rtrim | +删除字符串结尾的空白字符 | +
startsWith | +判断字符串是否以给定的字符串开头 | +
endsWith | +判断字符串是否以给定的字符串结尾 | +
lcfirst | +首字母小写 | +
ucfirst | +首字母大写 | +
escapeHTML | +将 HTML 编码 | +
unescapeHTML | +将 HTML 实体字符解码 | +
stripTag | +删除 HTML 标签 | +
stripTags | +批量删除 HTML 标签 | +
stripScripts | +删除 script 标签 | +
toArray | +将字符串转换为数组 | +
inspect | +返回一个数组的字符串表示形式 | +
hashCode | +获取字符串 hash code | +
random | +生成随机字符串 | +
类型:Function
功能描述:判断字符串是否存在
+参数:str - string
子字符串
返回值:boolean
子字符串存在返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "ABC".exists("A"); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = "ABC".exists("a") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否相等
+参数:str - string | undefined | null
与此 String 进行比较的对象
返回值:boolean
字符串相等返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".equals(new String("A")); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = "A".equals("a") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否相等,不考虑大小写
+参数:str - string | undefined | null
与此 String 进行比较的对象
返回值:boolean
字符串相等返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".equalsIgnoreCase("a"); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("a").equalsIgnoreCase("1") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否为空字符串
+参数:无
+返回值:boolean
字符串为空,即长度为 0 返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isEmpty(); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("").isEmpty() // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否不为空字符串
+参数:无
+返回值:boolean
字符串不为空,即长度大于 0 返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isNotEmpty(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("").isNotEmpty() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否为空白字符串
+参数:无
+返回值:boolean
字符串全为空白字符串(即:空格、回车、Tag 制表位、非打印字符)返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isBlank(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("\t\n").isBlank() // true
+ }
+});
+</script>
+
+类型:Function
功能描述:重复一个字符串
+参数:count - number
重复次数
返回值:string
重复后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".repeat(3); // AAA
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".repeat(3) // AbcAbcAbc
+ }
+});
+</script>
+
+类型:Function
功能描述:截取字符串左边边指定数目的字符串
+参数:length - number
截取长度
返回值:string
子字符串,length 如果为负数,则返回空字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".left(1); // A
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".left(-1) // ""
+ }
+});
+</script>
+
+类型:Function
功能描述:截截取字符串右边指定数目的字符串
+参数:length - number
截取长度
返回值:string
子字符串,length 如果为负数,则返回空字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".right(1); // c
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".right(-1) // ""
+ }
+});
+</script>
+
+类型:Function
功能描述:截取字符串,超出部分用 truncation 替代
+参数:length - number
截取长度
truncation - string
替换字符串
string
截取后的字符串;实际截取长度:当 length 小于等于 truncation 的长度时为,length;当 length 大于 truncation 的长度时为,length - truncation.length示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".truncation(1, "..."); // A...
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".truncation(6, "...") // Abc
+ }
+});
+</script>
+
+类型:Function
功能描述:删除字符串开头的空白字符(包括:空格、制表位、换行以及其它非打印字符)
+参数:无
+返回值:string
删除了字符串最左边的空白字符的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " Abc".ltrim(); // "Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String(" Abc ").ltrim() // "Abc "
+ }
+});
+</script>
+
+类型:Function
功能描述:删除字符串结尾的空白字符(包括:空格、制表位、换行以及其它非打印字符)
+参数:无
+返回值:string
删除了字符串最右边的空白字符的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " Abc".rtrim(); // " Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String(" Abc ").rtrim() // " Abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否以给定的字符串开头
+参数:str - string
搜索的字符串
返回值:boolean
字符串是否以给定的字符串开头返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".startsWith("a"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("aBc").startsWith("a") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否以给定的字符串结尾
+参数:str - string
搜索的字符串
返回值:boolean
字符串是否以给定的字符串结尾返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".endsWith("C"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("aBc").endsWith("c") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:首字母小写
+参数:无
+返回值:string
首字母小写后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".lcfirst(); // "abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("abc").lcfirst() // "abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:首字母大写
+参数:无
+返回值:string
首字母大写后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "abc".ucfirst(); // "Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("abc").lcfirst() // "Abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:将 HTML 编码,参考:https://www.w3school.com.cn/html/html_entities.asp
+参数:无
+返回值:string
编码后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a>".escapeHTML(); // <a href='https://www.domain.com'>test</a>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("<a href='https://www.domain.com'>test</a>").lcfirst() // <a href='https://www.domain.com'>test</a>
+ }
+});
+</script>
+
+类型:Function
功能描述:将 HTML 实体字符解码,参考:https://www.w3school.com.cn/html/html_entities.asp
+参数:无
+返回值:string
解码后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a>".unescapeHTML(); // <a href='https://www.domain.com'>test</a>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a>".unescapeHTML() // <a href='https://www.domain.com'>test</a>
+ }
+});
+</script>
+
+类型:Function
功能描述:删除 HTML 标签
+参数:tag - string
待删除标签
返回值:string
删除标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a><i></i>".stripTag("a"); // test<i></i>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a><i></i>".stripTag("a") // test<i></i>
+ }
+});
+</script>
+
+类型:Function
功能描述:批量删除 HTML 标签
+参数:tag - string[] | string
删除指定的标签
返回值:string
删除标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a><i></i><em>EM</em>".stripTags(["a", "i"]); // test<em>EM</em>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a><i></i><em>EM</em>".stripTags(["a", "i"]) // test<em>EM</em>
+ }
+});
+</script>
+
+类型:Function
功能描述:删除 script 标签
+参数:无
+返回值:string
删除 script 标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = '<script type="text/javascript">alert("test");</script>test'.stripScripts(); // test
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = '<script type="text/javascript">alert("test");</script>test'.stripScripts() // <test
+ }
+});
+</script>
+
+类型:Function
功能描述:将字符串转换为数组
+参数:delimiter - string
分隔字符
返回值:string[]
字符串数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "a|b|c".toArray('|'); // [ "a", "b", "c" ]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = "a|b||c".toArray('||') // [ "a|b", "c" ]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回一个数组的字符串表示形式
+参数:useDoubleQuotes - boolean
是否使用双引号引住
返回值:string
数组的字符串表示形式
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "a|b|c".inspect(true); // \"a|b|c\"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "a|b|c".inspect(false) // 'a|b|c'
+ }
+});
+</script>
+
+类型:Function
功能描述:获取字符串 hash code
+参数:无
+返回值:number
字符串的 hash code
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "abc".hashCode(); // 96354
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = "abcABC".hashCode() // 2870546592
+ }
+});
+</script>
+
+类型:Function
功能描述:生成随机字符串
+参数:length - number
生成字符串的长度
type - NUMERIC | LETTER | LETTER_NUMERIC | CHINESE | undefined
生成类型,可选参数,当未指定时为 LETTER_NUMERIC
NUMERIC - 数字随机字符串
+
+ LETTER - 英文随机字符串
+
+ LETTER_NUMERIC - 英文数字混合随机字符串
+
+ CHINESE - 中文随机字符串
+
+string
随机字符串示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = String.random(6); // 1Diim2
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = String.random(6, "NUMERIC") // 881773
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
these | +接收任意数目的函数作为参数,返回第一个执行成功的函数(未抛出异常的函数)的结果 | +
类型:Function
功能描述:接收任意数目的函数作为参数,返回第一个执行成功的函数(未抛出异常的函数)的结果
+参数:args any[]
一个或多个 function
作为参数
返回值:any
任意函数参数执行结果
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Try.these(function(){
+
+ },
+
+ function() {
+
+ });
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result:any = Try.these(function(){
+
+ },
+
+ function() {
+
+ })
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
browser | +浏览器信息对象 | +
location | +Location 对象 | +
方法 | +描述 | +
---|---|
copy | +将字符串复制到剪贴板 | +
类型:Function
功能描述:将字符串复制到剪贴板
+参数:str - string
字符串
返回值:无
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ window.copy("这是要复制的字符串");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ window.copy("这是要复制的字符串")
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
isEmpty | +判断数组是否为空数组 | +
exists | +判断元素 item 是否在数组中 | +
first | +获取数组第一个元素 | +
last | +获取数组最后一个元素 | +
each | +按顺序为数组中的每个元素调用一次函数 | +
size | +获取数组大小 | +
merge | +连接两个或多个数组 | +
compact | +返回一个不包含 null/undefined 值元素的数组的新版本 | +
unique | +对数组的元素进行去重 | +
without | +返回不包括参数中任意一个指定值的数组 | +
clone | +克隆数组 | +
clear | +清空数组 | +
类型:Function
功能描述:判断数组是否为空数组
+参数:无
+返回值:boolean
数组为空,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = [].isEmpty(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = ['a', 'b', 'c'].isEmpty() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断元素 item 是否在数组中
+参数:item - any
待检测元素
返回值:boolean
元素 item 是否在数组中返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].exists('a'); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = ['1', '2'].exists(2) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组第一个元素
+参数:无
+返回值:any
数组第一个元素
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].first(); // a
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = [1, 2].first() // 1
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组最后一个元素
+参数:无
+返回值:any
数组最后一个元素
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].last(); // b
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = [1, 2].last() // 2
+ }
+});
+</script>
+
+类型:Function
功能描述:按顺序为数组中的每个元素调用一次函数,forEach的别名
+参数:callback - (value: T, index: number, array: readonly T[]) => void as Function
callback 为数组中的每个元素运行的函数,其中:value 为前元素的值,index 为当前元素的数组索引,array 为当前元素所属的数组对象
+any
thisArg 可选。要传递给函数以用作其 "this" 值的值,如果此参数为空,则值 "undefined" 将作为其 "this" 值传递
返回值:void
示例:
+原生 JavaScript
+<script type="text/javascript">
+ ['a', 'b'].each(function (currentValue) {
+ console.log(currentValue)
+ });
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ ['a', 'b'].each(function (currentValue) {
+ console.log(currentValue)
+ })
+ }
+});
+</script>
+
+类型:Function
功能描述:获取数组大小
+参数:无
+返回值:number
数组大小
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].size(); // 2
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = [].size() // 0
+ }
+});
+</script>
+
+类型:Function
功能描述:连接两个或多个数组
+参数:items - any as T
待连接的 T 类型的数组
返回值:Array<T>
已连接数组的副本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = [1, 3].merge(2, 4); // [1, 3, 2, 4]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ console result: string[] = ['a', 'b'].merge('c', 'd') // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回一个不包含 null/undefined 值元素的数组的新版本
+参数:无
+返回值:Array<T>
不包含 null/undefined 值元素的数组的新版本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', null, 'c', 'd'].compact(); // [a, b, c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', null, 'c', 'd', undefined].compact() // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:对数组的元素进行去重
+参数:无
+返回值:Array<T>
数组元素进行去重后的新版本
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', 'c', 'd', 'b', 'd'].unique(); // [a, b, c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', 'c', 'c', 'd'].unique() // [a, b, c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回不包括参数中任意一个指定值的数组
+参数:values - any as T[]
排除值数组
返回值:Array<T>
不包括参数中任意一个指定值的数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b', 'c', 'd', 'b', 'd'].without('a', 'b'); // [c, d]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b', 'c', 'd', 'b', 'd'].without('a', 'b') // [c, d]
+ }
+});
+</script>
+
+类型:Function
功能描述:克隆数组
+参数:无
+返回值:Array<T>
克隆结果
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].clone(); // [a, b]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b'].clone() // [a, b]
+ }
+});
+</script>
+
+类型:Function
功能描述:清空数组
+参数:无
+返回值:Array<T>
空数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = ['a', 'b'].clear(); // []
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = ['a', 'b'].clear() // []
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
userAgent | +获取浏览器 User-Agent | +
name | +获取浏览器应用程序名称 | +
isMobile | +是否为移动设备 | +
isChrome | +是否为 Chrome 浏览器 | +
isFirefox | +是否为 Firefox 浏览器 | +
isMozilla | +是否为 Mozilla 浏览器 | +
isMSIE | +是否为 IE 浏览器 | +
isOpera | +是否为 Opera 浏览器 | +
isSafari | +是否为 Safari 浏览器 | +
isNetscape | +是否为 Netscape 浏览器 | +
类型:Property
功能描述:获取浏览器 User-Agent,等价于 navigator.userAgent
返回值:string
浏览器 User-Agent
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.userAgent; // Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:102.0) Gecko/20100101 Firefox/102.0
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: String = window.browser.userAgent // Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:102.0) Gecko/20100101 Firefox/102.0
+ }
+});
+</script>
+
+类型:Property
功能描述:获取浏览器应用程序名称,等价于 navigator.appName
返回值:string
浏览器应用程序名称
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.name; // Netscape
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: String = window.browser.name // Netscape
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为移动设备,检测依据:User-Agent 中含有 Android、iPhone、iPod、Windows Phone、Mobile、Coolpad、mmp、SmartPhone、midp、wap、xoom、Symbian、J2ME、Blackberry、Wince 其中任意一个字符串
+返回值:boolean
是移动设备返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isMobile
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isMobile
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Chrome 浏览器
+返回值:boolean
是 Chrome 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isChrome;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isChrome
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Firefox 浏览器
+返回值:boolean
是 Firefox 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isFirefox;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isFirefox
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 IE 浏览器
+返回值:boolean
是 IE 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isMSIE;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isMSIE
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Opera 浏览器
+返回值:boolean
是 Opera 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isOpera;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isOpera
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Safari 浏览器
+返回值:boolean
是 Safari 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isSafari;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isSafari
+ }
+});
+</script>
+
+类型:Property
功能描述:是否为 Netscape 浏览器
+返回值:boolean
是 Netscape 浏览器返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = window.browser.isNetscape;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = window.browser.isNetscape
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
[set](cookie.html#setname-string,-value-string- | +-null- | +
get | +获取 Cookie | +
delete | +删除 Cookie | +
类型:Function
功能描述:设置 Cookie
+参数:name - string
Cookie 名称
+ value - string | null | undefined
Cookie 值
+ options - CookieOptions
Cookie 选项
返回值:string
Cookie 字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.httpCookie.set("name", "测试");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string | null = document.httpCookie.set("name", "测试", {path: '/', domain: '*.test.com'})
+ }
+});
+</script>
+
+类型:Function
功能描述:获取 Cookie 值
+参数:name - string
Cookie 名称
返回值:string | null
Cookie 值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.httpCookie.get("name")
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string | null = document.httpCookie.get("name")
+ }
+});
+</script>
+
+类型:Function
功能描述:删除 Cookie
+参数:name - string
Cookie 名称
+ options - CookieOptions
Cookie 选项
返回值:无
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.httpCookie.delete("name");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ document.httpCookie.delete("name", "测试", {domain: '*.test.com'})
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
isLeapYear | +判断是否为闰年 | +
getSeason | +获取季节 | +
getDayOfYear | +获取年份中的第几天 | +
getDaysOfYear | +获取年份总天数 | +
format | +将日期时间格式化为字符串 | +
类型:Function
功能描述:判断是否为闰年
+参数:无
+返回值:boolean
是闰年,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2000-04-11').isLeapYear(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new Date('2000-04-11').isLeapYear() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:获取季节
+参数:无
+返回值:number
依次返回 0 至 3 的整数,表示春季、夏季、秋季、冬季
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2000-04-11').isLeapYear(); // 0
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new Date('2022-01-11').isLeapYear() // 3
+ }
+});
+</script>
+
+类型:Function
功能描述:获取年份中的第几天
+参数:无
+返回值:number
年份中的第几天
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-02-11').getDayOfYear(); // 42
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = new Date('2022-03-01').getDayOfYear(); // 61
+ }
+});
+</script>
+
+类型:Function
功能描述:获取年份总天数
+参数:无
+返回值:number
年份总天数
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-02-11').getDaysOfYear(); // 365
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = new Date('2020-02-11').getDaysOfYear() // 366
+ }
+});
+</script>
+
+类型:Function
功能描述:将日期时间格式化为字符串
+参数:format - String
format 格式字符串
y - 年
+
+ n - 季度(1 到 4)
+
+ N - 季度名称
+
+ A - 季度中文名称
+
+ M - 月
+
+ f - 月(Jan 到 Dec)
+
+ F - 月(January 到 December)
+
+ C - 月,中文名称
+
+ d - 日
+
+ Y - 年份中的第几天(0 到 365)
+
+ T - 月份有几天(28 到 30)
+
+ j - 每月天数后面的英文后缀(st,nd,rd 或者 th)
+
+ e - 星期几,数字表示,0(表示星期天)到 6(表示星期六)
+
+ E - 星期几,数字表示,1(表示星期一)到 7(表示星期天)
+
+ l - 星期几,文本表示,3 个字母(Mon 到 Sun)
+
+ L - 星期几,完整的文本格式(Sunday 到 Saturday)
+
+ w - 星期几,中文名称
+
+ W - 一月中第几个星期几
+
+ i - 月份中的第几周
+
+ o - 年份中的第几周
+
+ h - 小时(1~12)
+
+ H - 小时(0~23)
+
+ m - 分
+
+ s - 秒
+
+ S - 毫秒
+
+ a - 上午/下午标记
+
+ O - 与格林威治时间相差的小时数
+
+ P - 与格林威治时间相差的小时数,小时和分钟之间有冒号分隔
+
+ Z - 时区
+
+返回值:string
格式化后的日期时间
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Date('2022-01-11').format("f-dd,yyyy"); // Jan-11,2022
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new Date('2022-01-11').format("f-dd,yy"); // Jan-11,22
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
fullScreen | +检测当前文档是否全屏 | +
fullScreenEnabled | +检测当前浏览器是否支持全屏模式 | +
fullScreenElement | +检测当前文档中正在以全屏模式显示的 Element 节点 | +
fullScreen | +检测当前文档是否全屏 | +
httpCookie | +Cookie 对象操作 | +
方法 | +描述 | +
---|---|
requestFullscreen | +请求进入全屏模式 | +
exitFullscreen | +退出全屏模式 | +
类型:Property
功能描述:检测当前文档是否全屏
+参数:无
+返回值:boolean
当前文档是否全屏,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreen;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreen;
+ }
+});
+</script>
+
+类型:Property
功能描述:检测当前浏览器是否支持全屏模式
+返回值:boolean
当前浏览器是否支持全屏模式返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreenEnabled;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreenEnabled
+ }
+});
+</script>
+
+类型:Property
功能描述:检测当前文档中正在以全屏模式显示的 Element 节点
+返回值:boolean
当前文档中正在以全屏模式显示的 Element 节点,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.fullScreenElement;
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = document.fullScreenElement
+ }
+});
+</script>
+
+类型:Function
功能描述:请求进入全屏模式
+参数:无
+返回值:Promise
Promise
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.requestFullscreen();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Promise<void> = document.requestFullscreen()
+ }
+});
+</script>
+
+类型:Function
功能描述:退出全屏模式
+参数:无
+返回值:Promise
Promise
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = document.exitFullscreen();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Promise<void> = document.exitFullscreen()
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
argumentNames | +获取函数参数名称 | +
delay | +延时执行函数 | +
类型:Function
功能描述:获取函数参数名称
+参数:args - any
1个或多个任意类型的可变参数可变参数
返回值:string[] | null
函数参数名称列表
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var fn = function(a, b, c){
+
+ }
+ var result = fn.argumentNames();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const fn = function(a: boolean, b: number, c: String) {
+
+ }
+ const result: string[] | null = fn.argumentNames()
+ }
+});
+</script>
+
+类型:Function
功能描述:延时执行函数
+参数:timeout - number
延时时间(单位:秒)
返回值:any
函数返回值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var fn = function(a, b, c){
+ return a + b + c;
+ }
+ var result = fn.delay(3)
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const fn = function(a: boolean, b: number, c: number) {
+ return a ? b : c
+ }
+ const result: any = fn.delay(3)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
getParameters | +获取所有的请求参数及值 | +
getParameter | +获取指定请求参数的值 | +
类型:Function
功能描述:获取所有的请求参数及值
+参数:无
+返回值:Record<string, any>
当前请求 URL 中的所有的请求参数及值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = location.getParameters();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: Record<string, any> = location.getParameters()
+ }
+});
+</script>
+
+类型:Function
功能描述:获取指定请求参数的值
+参数:string
参数名称
返回值:any
请求参数的值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = location.getParameter("action");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: any = location.getParameter('action');
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
rand | +延时执行函数 | +
类型:Function
功能描述:产生一个指定范围内的随机数
+参数:min - number
返回的最低值
+ max - number
返回的最高值
返回值:number
随机数
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Math.rand(1, 5); //
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = Math.rand(1, 5)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
toPaddedString | +延时执行函数 | +
isOdd | +判断数字是否为奇数 | +
isEven | +判断数字是否为偶数 | +
isBetween | +判断一个数字是否在另两个数字之间 | +
类型:Function
功能描述:数字填充
+参数:length - number
长度
+ radix - number
进制
返回值:string
填充后的字符串数字
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = new Number(5).toPaddedString(12, 2); // 0000000000101
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new Number(5).toPaddedString(12, 8) // 0000000000005
+ }
+});
+</script>
+
+类型:Function
功能描述:判断数字是否为奇数
+参数:num - number
需要判断的数字
返回值:boolean
数字是为奇数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isOdd(255); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isOdd(256) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断数字是否为偶数
+参数:num - number
需要判断的数字
返回值:boolean
数字是为偶数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isEven(255); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isOdd(256) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断一个数字是否在另两个数字之间
+参数:num - number
需要判断的数字
+ min - number
最小值
+ max - number
最大值
+ match - boolean | undefined
是否包含最小值或最大值
返回值:boolean
数字是否在另两个数字之间,返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Number.isBetween(4, 3, 5); // true
+ var result = Number.isBetween(4, 4, 5); // false
+ var result = Number.isBetween(4, 4, 5, true); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Number.isBetween(4, 3, 5) // true
+ const result: boolean = Number.isBetween(4, 4, 5) // false
+ const result: boolean = Number.isBetween(4, 4, 5, true) // true
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
type | +获取对象数据类型 | +
rawType | +获取对象原始数据类型 | +
isObject | +判断对象是否为 object 类型 | +
isPlainObject | +判断对象是否为简单 object 类型 | +
isMap | +判断对象是否为 Map 类型 | +
isSet | +判断对象是否为 Set 类型 | +
isSymbol | +判断对象是否为 Symbol | +
isPromise | +判断对象是否为 Promise | +
isPrimitive | +判断对象是否为原始类型 | +
isFunction | +判断对象是否为函数 | +
isArray | +判断对象是否为数组 | +
isString | +判断对象是否为字符串对象 | +
isNumber | +判断对象是否为数字对象 | +
isBoolean | +判断对象是否为布尔对象 | +
isRegExp | +判断对象是否为正则对象 | +
isFile | +判断对象是否为文件对象 | +
isWindow | +判断对象是否为 windows 对象 | +
isElement | +判断对象是否为 Element | +
isEvent | +判断对象是否为事件对象 | +
isNull | +判断对象是否为 null 对象 | +
isUndefined | +判断对象是否为未定义 | +
isUndefinedOrNull | +判断对象是否为未定义或 null | +
equals | +深度判断两个对象是否相等 | +
clone | +克隆对象 | +
omit | +克隆对象,但支持删除指定属性 | +
类型:Function
功能描述:获取对象数据类型
+参数:obj - any
对象变量
返回值:string
对象数据类型
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.type(true); // boolean
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = Object.type(4.4) // number
+ }
+});
+</script>
+
+类型:Function
功能描述:获取对象原始数据类型
+参数:obj - any
对象变量
返回值:string
原始数据类型
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.type("4.4"); // String
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = Object.type(4.4) // Number
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 object 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 object 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isObject("1"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isObject(new String("1")) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为简单 object 类型
+参数:obj - any
对象变量
返回值:boolean
对象为简单 object 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPlainObject(new String("1")); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPlainObject({"a":"A"}) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Map 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 Map 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isMap(new Map()); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isMap({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Map 类型
+参数:obj - any
对象变量
返回值:boolean
对象为 Set 类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isSet(new Set()); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isSet({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Symbol
+参数:obj - any
对象变量
返回值:boolean
对象为 Symbol 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isSymbol(Symbol('a')); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isSymbol({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Promise
+参数:obj - any
对象变量
返回值:boolean
对象为 Promise 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPromise(new Promise(function(){})); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPromise({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为原始类型
+参数:obj - any
对象变量
返回值:boolean
对象为原始类型返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isPrimitive(11); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isPromise({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为函数
+参数:obj - any
对象变量
返回值:boolean
对象为函数返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isFunction(location.href); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isFunction("a".replace) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为数组
+参数:obj - any
对象变量
返回值:boolean
对象为数组返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isArray([1, 2]); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isArray({"a":"A"}) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为字符串对象
+参数:obj - any
对象变量
返回值:boolean
对象为字符串返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isString(1); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isString("1") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为数字对象
+参数:obj - any
对象变量
返回值:boolean
对象为数字对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isNumber(1.0); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isNumber("1.0") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为布尔对象
+参数:obj - any
对象变量
返回值:boolean
对象为布尔对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isBoolean(false); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isBoolean(1) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为正则对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为正则对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isRegExp(/^[a-z]$/); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isRegExp('/^[a-z]$/') // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为文件对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为文件对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isFile(new File(['text1', 'text2'], 'test.txt', {type: 'text/plain'})); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = bject.isFile(document) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 windows 对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为 windows 对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isWindow(window); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isWindow(document) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 Element
+参数:obj - any
对象变量
返回值:boolean
对象是否为 Element 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isElement(document); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isElement(document.body) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为事件对象
+参数:obj - any
对象变量
返回值:boolean
对象是否为事件对象返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isEvent(document.onclick); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isEvent(document.onclick) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为 null
+参数:obj - any
对象变量
返回值:boolean
对象是否为 null 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isNull(null); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isNull("A") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为未定义
+参数:obj - any
对象变量
返回值:boolean
对象是否为未定义返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isUndefined(a); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isUndefined(b) // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断对象是否为未定义或 null
+参数:obj - any
对象变量
返回值:boolean
对象是否为未定义或 null 返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.isUndefinedOrNull(a); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.isUndefinedOrNull(document.body) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:深度判断两个对象是否相等
+参数:obj1 - any
一个对象
+ obj2 - any
用于和 obj1 比较的对象
返回值:boolean
当两个对象相等时,返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.equals("a", "A"); // false
+ var result = Object.equals("a", "a"); // true
+ var result = Object.equals(1, 1.0); // true
+ var result = Object.equals([1], [1.0]); // true
+ var result = Object.equals([1], [1.0, 1.1]); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = Object.equals("a", "A") // false
+ const result: boolean = Object.equals("a", "a") // true
+ const result: boolean = Object.equals(1, 1.0) // true
+ const result: boolean = Object.equals([1], [1.0]) // true
+ const result: boolean = Object.equals([1], [1.0, 1.1]) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:克隆对象
+参数:obj - any
对象变量
返回值:any
新对象实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Object.clone({"a": "A"}); // {"a": "A"}
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: any = Object.clone({"a":"A"}) // {"a": "A"}
+ }
+});
+</script>
+
+类型:Function
功能描述:克隆对象,但支持删除指定属性
+参数:obj - object
任意对象
+ fields - K[]
需要删除的属性
返回值:any
新对象实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var source = {
+ id: 1,
+ name: 'buession',
+ year: 2023
+ };
+ var result = Object.omit(source, "id", "year"); // {"name": "buession"}
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const source = {
+ id: 1,
+ name: 'buession',
+ year: 2023
+ };
+ const result = Object.omit(source, "id", "year") // {"name": "buession"}
+ }
+});
+</script>
+
+Optional 类是一个可以为 null 或 undefined 的容器对象,如果值 value 存在则 isPresent() 方法会返回 true,调用 get() 方法会返回 value 的值。 +其设计思想,参考 java8 的 Optional
+使用方式,在构造函数中传入任意类型值;Optional 提供很多有用的方法,这样我们就不用显式进行 null 值和 undefined 的检测。
+方法 | +描述 | +
---|---|
of | +返回一个指定 T 类型的值的 Optional 实例 | +
ofNullable | +如果为非 null 或 undefined,返回 Optional 描述的指定值的实例,否则返回空的 Optional 实例 | +
empty | +返回空的 Optional 实例 | +
get | +如果 value 不为 null 或 undefined,则返回 value 的值;否则抛出异常 | +
orElse | +如果 value 不为 null 或 undefined,则返回 value 的值;否则返回 other | +
isPresent | +如果 value 不为 null 或 undefined,则返回 true;否则返回 false | +
<script type="text/javascript">
+ var optional = new Optional(any value);
+</script>
+
+类型:Function
功能描述:返回一个指定 T 类型的值的 Optional 实例
+参数:value - any of T
任意类型的值
返回值:Object
T 类型的值的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.of(11);
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: boolean = Optional.<boolean>of(false)
+ }
+});
+</script>
+
+类型:Function
功能描述:如果为非 null 或 undefined,返回 Optional 描述的指定值的实例,否则返回空的 Optional 实例
+参数:value - any as T
任意类型的值
返回值:Object
T 类型的值的 Optional 实例,或空的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.ofNullable('js');
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>ofNullable(11)
+ }
+});
+</script>
+
+类型:Function
功能描述:返回空的 Optional 实例
+参数:无
+返回值:Object as Optional
空的 Optional 实例
示例:
+原生 JavaScript
+<script type="text/javascript">
+ Optional.empty();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: null Optional.<null>empty()
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 value 的值;否则抛出异常
+参数:无
+返回值:any as T
Optional 中包含这个值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(11);
+ var result = optional.get(); // 11
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>of(11)
+ const result = optional.get() // 11
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 value 的值;否则返回 other
+参数:other - any of T
任意类型的值
返回值:any as T
value 不为 null 或 undefined,则返回 value 的值;否则返回 other
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(null);
+ var result = optional.orElse("abc"); // abc
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: boolean = Optional.<boolean>of(undefined)
+ const result = optional.orElse(false) // false
+ }
+});
+</script>
+
+类型:Function
功能描述:如果 value 不为 null 或 undefined,则返回 true;否则返回 false
+参数:无
+返回值:boolean
value 不为 null 或 undefined,则返回 true;否则返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var optional = Optional.of(null);
+ var result = optional.isPresent(); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const optional: number = Optional.<number>of(11)
+ const result = optional.isPresent() // true
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
version | +获取 Buession Prototype 版本 | +
方法 | +描述 | +
---|---|
emptyFunction | +执行一个空方法 | +
K | +返回参数传递的任意值 | +
类型:String
功能描述:获取 Buession Prototype 版本
+返回值:Buession Prototype 版本
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ var ver = Prototype.version;
+</script>
+
+vue
+<template>
+ <div>
+ <div>Prototype 版本:{Prototype.version}</div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ }
+});
+</script>
+
+类型:Function
功能描述:执行一个空方法
+参数:无
+返回值:void
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ Prototype.emptyFunction();
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ Prototype.emptyFunction()
+ }
+});
+</script>
+
+类型:Function
功能描述:返回参数传递的任意值
+参数:x - any
任意值
返回值:any
参数传递的任意值
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var v = Prototype.K(object);
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const v: any = Prototype.K(object)
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
exists | +判断字符串是否存在 | +
equals | +判断字符串是否相等 | +
equalsIgnoreCase | +判断字符串是否相等,不考虑大小写 | +
isEmpty | +判断是否为空字符串 | +
isNotEmpty | +判断是否不为空字符串 | +
isBlank | +判断是否为空白字符串 | +
repeat | +重复一个字符串 | +
left | +截取字符串左边边指定数目的字符串 | +
right | +截取字符串右边指定数目的字符串 | +
truncation | +截取字符串,超出部分用 truncation 替代 | +
ltrim | +删除字符串开头的空白字符 | +
rtrim | +删除字符串结尾的空白字符 | +
startsWith | +判断字符串是否以给定的字符串开头 | +
endsWith | +判断字符串是否以给定的字符串结尾 | +
lcfirst | +首字母小写 | +
ucfirst | +首字母大写 | +
escapeHTML | +将 HTML 编码 | +
unescapeHTML | +将 HTML 实体字符解码 | +
stripTag | +删除 HTML 标签 | +
stripTags | +批量删除 HTML 标签 | +
stripScripts | +删除 script 标签 | +
toArray | +将字符串转换为数组 | +
inspect | +返回一个数组的字符串表示形式 | +
hashCode | +获取字符串 hash code | +
random | +生成随机字符串 | +
类型:Function
功能描述:判断字符串是否存在
+参数:str - string
子字符串
返回值:boolean
子字符串存在返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "ABC".exists("A"); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = "ABC".exists("a") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否相等
+参数:str - string | undefined | null
与此 String 进行比较的对象
返回值:boolean
字符串相等返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".equals(new String("A")); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = "A".equals("a") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否相等,不考虑大小写
+参数:str - string | undefined | null
与此 String 进行比较的对象
返回值:boolean
字符串相等返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".equalsIgnoreCase("a"); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("a").equalsIgnoreCase("1") // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否为空字符串
+参数:无
+返回值:boolean
字符串为空,即长度为 0 返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isEmpty(); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("").isEmpty() // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否不为空字符串
+参数:无
+返回值:boolean
字符串不为空,即长度大于 0 返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isNotEmpty(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("").isNotEmpty() // false
+ }
+});
+</script>
+
+类型:Function
功能描述:判断是否为空白字符串
+参数:无
+返回值:boolean
字符串全为空白字符串(即:空格、回车、Tag 制表位、非打印字符)返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " ".isBlank(); // true
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("\t\n").isBlank() // true
+ }
+});
+</script>
+
+类型:Function
功能描述:重复一个字符串
+参数:count - number
重复次数
返回值:string
重复后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "A".repeat(3); // AAA
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".repeat(3) // AbcAbcAbc
+ }
+});
+</script>
+
+类型:Function
功能描述:截取字符串左边边指定数目的字符串
+参数:length - number
截取长度
返回值:string
子字符串,length 如果为负数,则返回空字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".left(1); // A
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".left(-1) // ""
+ }
+});
+</script>
+
+类型:Function
功能描述:截截取字符串右边指定数目的字符串
+参数:length - number
截取长度
返回值:string
子字符串,length 如果为负数,则返回空字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".right(1); // c
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".right(-1) // ""
+ }
+});
+</script>
+
+类型:Function
功能描述:截取字符串,超出部分用 truncation 替代
+参数:length - number
截取长度
truncation - string
替换字符串
string
截取后的字符串;实际截取长度:当 length 小于等于 truncation 的长度时为,length;当 length 大于 truncation 的长度时为,length - truncation.length示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".truncation(1, "..."); // A...
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "Abc".truncation(6, "...") // Abc
+ }
+});
+</script>
+
+类型:Function
功能描述:删除字符串开头的空白字符(包括:空格、制表位、换行以及其它非打印字符)
+参数:无
+返回值:string
删除了字符串最左边的空白字符的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " Abc".ltrim(); // "Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String(" Abc ").ltrim() // "Abc "
+ }
+});
+</script>
+
+类型:Function
功能描述:删除字符串结尾的空白字符(包括:空格、制表位、换行以及其它非打印字符)
+参数:无
+返回值:string
删除了字符串最右边的空白字符的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = " Abc".rtrim(); // " Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String(" Abc ").rtrim() // " Abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否以给定的字符串开头
+参数:str - string
搜索的字符串
返回值:boolean
字符串是否以给定的字符串开头返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".startsWith("a"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("aBc").startsWith("a") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:判断字符串是否以给定的字符串结尾
+参数:str - string
搜索的字符串
返回值:boolean
字符串是否以给定的字符串结尾返回 true;否则,返回 false
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".endsWith("C"); // false
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: boolean = new String("aBc").endsWith("c") // true
+ }
+});
+</script>
+
+类型:Function
功能描述:首字母小写
+参数:无
+返回值:string
首字母小写后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "Abc".lcfirst(); // "abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("abc").lcfirst() // "abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:首字母大写
+参数:无
+返回值:string
首字母大写后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "abc".ucfirst(); // "Abc"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("abc").lcfirst() // "Abc"
+ }
+});
+</script>
+
+类型:Function
功能描述:将 HTML 编码,参考:https://www.w3school.com.cn/html/html_entities.asp
+参数:无
+返回值:string
编码后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a>".escapeHTML(); // <a href='https://www.domain.com'>test</a>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = new String("<a href='https://www.domain.com'>test</a>").lcfirst() // <a href='https://www.domain.com'>test</a>
+ }
+});
+</script>
+
+类型:Function
功能描述:将 HTML 实体字符解码,参考:https://www.w3school.com.cn/html/html_entities.asp
+参数:无
+返回值:string
解码后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a>".unescapeHTML(); // <a href='https://www.domain.com'>test</a>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a>".unescapeHTML() // <a href='https://www.domain.com'>test</a>
+ }
+});
+</script>
+
+类型:Function
功能描述:删除 HTML 标签
+参数:tag - string
待删除标签
返回值:string
删除标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a><i></i>".stripTag("a"); // test<i></i>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a><i></i>".stripTag("a") // test<i></i>
+ }
+});
+</script>
+
+类型:Function
功能描述:批量删除 HTML 标签
+参数:tag - string[] | string
删除指定的标签
返回值:string
删除标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "<a href='https://www.domain.com'>test</a><i></i><em>EM</em>".stripTags(["a", "i"]); // test<em>EM</em>
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "<a href='https://www.domain.com'>test</a><i></i><em>EM</em>".stripTags(["a", "i"]) // test<em>EM</em>
+ }
+});
+</script>
+
+类型:Function
功能描述:删除 script 标签
+参数:无
+返回值:string
删除 script 标签后的字符串
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = '<script type="text/javascript">alert("test");</script>test'.stripScripts(); // test
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = '<script type="text/javascript">alert("test");</script>test'.stripScripts() // <test
+ }
+});
+</script>
+
+类型:Function
功能描述:将字符串转换为数组
+参数:delimiter - string
分隔字符
返回值:string[]
字符串数组
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "a|b|c".toArray('|'); // [ "a", "b", "c" ]
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string[] = "a|b||c".toArray('||') // [ "a|b", "c" ]
+ }
+});
+</script>
+
+类型:Function
功能描述:返回一个数组的字符串表示形式
+参数:useDoubleQuotes - boolean
是否使用双引号引住
返回值:string
数组的字符串表示形式
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "a|b|c".inspect(true); // \"a|b|c\"
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = "a|b|c".inspect(false) // 'a|b|c'
+ }
+});
+</script>
+
+类型:Function
功能描述:获取字符串 hash code
+参数:无
+返回值:number
字符串的 hash code
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = "abc".hashCode(); // 96354
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: number = "abcABC".hashCode() // 2870546592
+ }
+});
+</script>
+
+类型:Function
功能描述:生成随机字符串
+参数:length - number
生成字符串的长度
type - NUMERIC | LETTER | LETTER_NUMERIC | CHINESE | undefined
生成类型,可选参数,当未指定时为 LETTER_NUMERIC
NUMERIC - 数字随机字符串
+
+ LETTER - 英文随机字符串
+
+ LETTER_NUMERIC - 英文数字混合随机字符串
+
+ CHINESE - 中文随机字符串
+
+string
随机字符串示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = String.random(6); // 1Diim2
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result: string = String.random(6, "NUMERIC") // 881773
+ }
+});
+</script>
+
+方法 | +描述 | +
---|---|
these | +接收任意数目的函数作为参数,返回第一个执行成功的函数(未抛出异常的函数)的结果 | +
类型:Function
功能描述:接收任意数目的函数作为参数,返回第一个执行成功的函数(未抛出异常的函数)的结果
+参数:args any[]
一个或多个 function
作为参数
返回值:any
任意函数参数执行结果
示例:
+原生 JavaScript
+<script type="text/javascript">
+ var result = Try.these(function(){
+
+ },
+
+ function() {
+
+ });
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ const result:any = Try.these(function(){
+
+ },
+
+ function() {
+
+ })
+ }
+});
+</script>
+
+属性 | +描述 | +
---|---|
browser | +浏览器信息对象 | +
location | +Location 对象 | +
方法 | +描述 | +
---|---|
copy | +将字符串复制到剪贴板 | +
delay | +将字符串复制到剪贴板 | +
类型:Function
功能描述:将字符串复制到剪贴板
+参数:str - string
字符串
返回值:无
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ window.copy("这是要复制的字符串");
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ window.copy("这是要复制的字符串")
+ }
+});
+</script>
+
+类型:Function
功能描述:延时执行
+参数:func - Function
方法
+ wait - number
延时时长(单位:毫秒)
+ args - any[]
方法参数
返回值:any
+示例:
+原生 JavaScript
+<script type="text/javascript">
+ window.delay(function () {
+ location.href = "/";
+ }, 3000);
+</script>
+
+vue
+<template>
+ <div>
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+export default defineComponent({
+ setup() {
+ window.delay(function () {
+ // code
+ });
+ }
+});
+</script>
+
+Buession Prototype 是基于对原生 JavaScript 对象(如:String、Array、Date)的扩展,和浏览器兼容性的处理,并添加在实际场景中的一些常用方法
+本章节将想您讲解,如何使用 Buession Prototype,为您提供前端原生 JavaScript 对象扩展的最佳实践。
+