Qt专栏： http://t.csdnimg.cn/YLlEd
相关系列文章
Qt中字符串转换为JS的函数执行
Qt中常见的JS类和函数(一): 全局对象
Qt中常见的JS类和函数(二): 全局对象
目录
2.3.构造函数属性
2.3.1.Object
2.3.2.Function
2.3.3.Array
2.3.4.ArrayBuffer
2.3.5.String
2.3.6.Boolean
2.3.7.Number
2.3.8.DataView
2.3.9.Date
2.3.10.Promise
2.3.11.RegExp
2.3.12.Map
2.3.13.Set
2.3.14.SharedArrayBuffer
2.4.其它属性
2.4.1.Atomics
2.4.2.Math
2.4.3.JSON
2.4.4.Reflect
2.3.构造函数属性
2.3.1.Object
ECMAScript 中的 Object 对象与 Java 中的 java.lang.Object 相似，ECMAScript 中的所有对象都由这个对象继承而来，Object也是平时使用最多的一个类型，虽然Object的实例不具备多少功能，但对于在应用程序中存储和传输数据而言，它们确实是非常理想的选择。
创建Object实例的方式有两种，第一种是使用new操作符后跟Object构造函数，如下所示：
var person = new Object();person.name = "zdxiao";person.age = 2;第二种是使用对象字面量表示，如下所示：
var person = { name: "zdxiao", age: 28};其他的功能会后面的详细讲解。
2.3.2.Function
函数实际上就是对象，每个函数都是Function类型的实例，而且都与其它引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。函数定义如下：
function sum(num1, num2){ return num1+num2;}这与下面使用函数表达式定义函数的方式相差无几。
var sum = function(num1, num2){ return num1+num2;};还有一种定义函数的方式是使用Function构造函数。Function构造函数可以接受任意数量参数，但是最后一个参数始终都被看着是函数体，而前面的参数则枚举出了新函数的参数，语法如下：
var function_name = new function(arg1, arg2, ..., argN, function_body);如下例子：
var sum = new Function("num1", "num2", "return num1+num2"); //不推荐这种写法会导致解析两次代码（第一次是解析常规ECMAScript代码，第二次是解析传入构造函数中的字符串），从而影响性能，不过，这种语法对于理解"函数是对象，函数名是指针"的概念倒是非常直观的。
2.3.3.Array
数组，是个有序列表。数组可以存储对象，数组的大小是可以动态调整的。创建数组的方式有两种，一是使用Array构造函数，如：
var colors = new Array(); //创建一个空的数组var colors = new Array(20); //创建一个大小为20的数组var colors = Array(2); //创建一个大小为2的数组var colors = Array("zdxiao"); //创建一个大小为1的数组二是使用数组字面量表示，数组字面量由一对包含数组项的方括号表示，多个数组项之间用逗号隔开，如：
var colors = ["21414", "1412412", "fqwfqwf"];var colors = [];var colors = [1, 2, "322r23"];2.3.4.ArrayBuffer
ArrayBuffer 对象用来表示通用的、固定长度的原始二进制数据缓冲区。它是一个字节数组，通常在其他语言中称为“byte array”。
你不能直接操作 ArrayBuffer 的内容，而是要通过类型数组对象或 DataView 对象来操作，它们会将缓冲区中的数据表示为特定的格式，并通过这些格式来读写缓冲区的内容。如下示例：
// create an ArrayBuffer with a size in bytesconst buffer = new ArrayBuffer(8);console.log(buffer.byteLength);// expected output: 82.3.5.String
String类型是字符串的对象包装类型，可以像下面这样使用String构造函数来创建。
var str = new String("23rt4erfegrth");还可以直接使用字面量方式，如：
var str1 = 'hello'; //字面量声明方式两种方式在使用上没有区别，但是在检测数据类型上是有一定的区别。
console.log(typeof str); //返回结果： 'string'console.log(typeof o_str); //返回结果：'object' 2.3.6.Boolean
Boolean 对象用于转换一个不是 Boolean 类型的值转换为 Boolean 类型值 (true 或者false)。定义如下：
var a = new Boolean(false);var b = true;2.3.7.Number
Number 对象是原始数值的包装对象。定义如下：
var numberObject = new Number(10);2.3.8.DataView
DataView视图是一个可以从二进制ArrayBuffer对象中读写多种数值类型的底层接口，使用它时，不用考虑不同平台的字节序问题。语法:
new DataView(buffer[, byteOffset[, byteLength]]);//参数buffer一个已经存在的ArrayBuffer或Shared2.3.9.Date
Date 对象用于处理日期与时间。以下四种方法同样可以创建 Date 对象：
var d = new Date();var d = new Date(milliseconds); // 参数为毫秒var d = new Date(dateString);var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);milliseconds 参数是一个 Unix 时间戳（Unix Time Stamp），它是一个整数值，表示自 1970 年 1 月 1 日 00:00:00 UTC（the Unix epoch）以来的毫秒数。
dateString 参数表示日期的字符串值。
year, month, day, hours, minutes, seconds, milliseconds 分别表示年、月、日、时、分、秒、毫秒。
2.3.10.Promise
Promise 对象用于表示一个异步操作的最终状态（完成或失败），以及其返回的值。
2.3.11.RegExp
正则表达式是描述字符模式的对象。
正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。
如：
var re = new RegExp("\\w+");var re = /\w+/;2.3.12.Map
Map是一组键值对的结构，具有极快的查找速度。定义如下：
var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);m.get('Michael'); // 95var n = new Map();2.3.13.Set
Set和Map类似，也是一组key的集合，但不存储value。由于key不能重复，所以，在Set中，没有重复的key。
要创建一个Set，需要提供一个Array作为输入，或者直接创建一个空Set：
var s1 = new Set(); // 空Setvar s2 = new Set([1, 2, 3]); // 含1, 2, 3重复元素在Set中自动被过滤：
var s = new Set([1, 2, 3, 3, '3']);s; // Set {1, 2, 3, "3"}注意数字3和字符串'3'是不同的元素。
2.3.14.SharedArrayBuffer
SharedArrayBuffer与ArrayBuffer的功能类似，SharedArrayBuffer 与 ArrayBuffer 具有同样的 API。二者的主要区别是 ArrayBuffer 必须 在不同执行上下文间切换，SharedArrayBuffer 则可以被任意多个执行上下文同时使用。
2.4.其它属性
2.4.1.Atomics
JavaScript Atomics是一个原子操作库，它使多线程和共享内存的JavaScript编程变得更加容易和可靠。该库提供了一些原子数据类型、原子操作和同步原语，以便开发人员可以更加轻松地编写具有正确同步保证的并发JavaScript程序。
这些原子操作属于 Atomics 模块。与一般的全局对象不同，Atomics 不是构造函数，因此不能使用 new 操作符调用，也不能将其当作函数直接调用。Atomics 的所有属性和方法都是静态的（与 Math 对象一样）。
JavaScript Atomics有以下原子数据类型：
Int8ArrayUint8ArrayInt16ArrayUint16ArrayInt32ArrayUint32ArrayBigInt64ArrayBigUint64Array这些类型都是JavaScript的TypedArray类型，并支持原子操作。
JavaScript Atomics提供了以下原子操作：
Atomics.add()将指定位置上的数组元素与给定的值相加，并返回相加前该元素的值。Atomics.and()将指定位置上的数组元素与给定的值相与，并返回与操作前该元素的值。Atomics.compareExchange()如果数组中指定的元素与给定的值相等，则将其更新为新的值，并返回该元素原先的值。Atomics.exchange()将数组中指定的元素更新为给定的值，并返回该元素更新前的值。Atomics.isLockFree(size)可以用来检测当前系统是否支持硬件级的原子操作。对于指定大小的数组，如果当前系统支持硬件级的原子操作，则返回 true；否则就意味着对于该数组，Atomics 对象中的各原子操作都只能用锁来实现。此函数面向的是技术专家。Atomics.load()返回数组中指定元素的值。Atomics.notify()唤醒等待队列中正在数组指定位置的元素上等待的线程。返回值为成功唤醒的线程数量。Atomics.or()将指定位置上的数组元素与给定的值相或，并返回或操作前该元素的值。Atomics.store()将数组中指定的元素设置为给定的值，并返回该值。Atomics.sub()将指定位置上的数组元素与给定的值相减，并返回相减前该元素的值。Atomics.wait()检测数组中某个指定位置上的值是否仍然是给定值，是则保持挂起直到被唤醒或超时。返回值为 "ok"、"not-equal" 或 "time-out"。调用时，如果当前线程不允许阻塞，则会抛出异常（大多数浏览器都不允许在主线程中调用 wait()）。Atomics.xor()将指定位置上的数组元素与给定的值相异或，并返回异或操作前该元素的值。下面是一个示例程序，展示如何使用Atomics在JavaScript中进行原子操作：
const sharedArray = new Int32Array(new SharedArrayBuffer(4));Atomics.store(sharedArray, 0, 42);console.log(Atomics.load(sharedArray, 0)); // 42Atomics.add(sharedArray, 0, 2);console.log(Atomics.load(sharedArray, 0)); // 44在这个示例程序中，我们创建了一个具有一条整数的共享数组。然后，我们使用Atomics.store设置该数组的第一个元素为42。接下来，我们使用Atomics.add将值增加了2。最后，我们使用Atomics.load读取该值。该程序应该输出42和44。
2.4.2.Math
Math是一个内置对象，它拥有一些数学常数属性和数学函数方法，Math不是一个函数对象。与其他全局对象不同的是，Math 不是一个构造器。Math 的所有属性与方法都是静态的。引用圆周率的写法是 Math.PI，调用正余弦函数的写法是 Math.sin(x)，x 是要传入的参数。Math 的常量是使用 JavaScript 中的全精度浮点数来定义的。
Math包中定义的主要函数会在后面详解
2.4.3.JSON
对象表示法，即键值对表示。基本单位是对象。{key:value}
全成JavaScript Object Notation。JS对象简谱。是一种轻量级的数据交换格式。使用JavaScript语法形式，长得很像JavaScript的Object，但是JSON格式仅仅是一个文本，数据类型String。这样，文本String可以被任何编程语言读取，解析，进而作为数据格式传递。
JSON 语法支持表示 3 种类型的值。
1）简单值：字符串、数值、布尔值和 null 可以在 JSON 中出现，就像在 JavaScript 中一样。特殊值 undefined 不可以。如：
3333“请问该如何体育”JavaScript 字符串与 JSON 字符串的主要区别是，JSON 字符串必须使用双引号（单引号会导致语法错误）。
布尔值和 null 本身也是有效的 JSON 值。不过，实践中更多使用 JSON 表示比较复杂的数据结构，其中会包含简单值。
2）对象：对象表示有序键/值对。每个值可以是简单值，也可以是复杂类型。如：
let person = { name: "Nicholas", age: 29};let object = {// js中属性名加上引号，等同于上面的效果 "name": "Nicholas", "age" : 29};但 JSON 中的对象必须使用双引号把属性名包围起来。
3）数组：数组表示可以通过数值索引访问的值的有序列表。数组的值可以是任意类型，包括简单值、对象，甚至其他数组。如：
[25, "hi", true]数组和对象可以组合使用，以表示更加复杂的数据结构。即数组中的元素可以是对象，或对象中的属性值可以为数组。如：
{"sites":[{"name":"Runoob", "url":"www.runoob.com"},{"name":"Google", "url":"www.google.com"},{"name":"Taobao", "url":"www.taobao.com"}]}//site这个key对应的value，是一个数组，3个站点记录的数组。2.4.4.Reflect
Reflect 是一个内建的对象，用来提供方法去拦截 JavaScript 的操作。
Reflect 不是一个函数对象，所以它是不可构造的，也就是说它不是一个构造器，不能通过 new 操作符去新建或者将其作为一个函数去调用 Reflect 对象。
Reflect 的所有属性和方法都是静态的。
Reflect对象当前有 13 个静态方法。
// 对一个函数进行调用操作，同时可以传入一个数组作为调用参数。Reflect.apply(target, thisArg, args)// 对构造函数进行 new 操作，相当于执行 new target(...args)。Reflect.construct(target, args)// 获取对象身上某个属性的值，类似于 target[name]。如果没有该属性，则返回undefined。Reflect.get(target, name, receiver)// 将值分配给属性的函数。返回一个Boolean，如果更新成功，则返回true。Reflect.set(target, name, value, receiver)// Reflect.defineProperty方法基本等同于Object.defineProperty，直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，不同的是，Object.defineProperty返回此对象。而Reflect.defineProperty会返回布尔值.Reflect.defineProperty(target, name, desc)// 作为函数的delete操作符，相当于执行 delete target[name]。Reflect.deleteProperty(target, name)// 判断一个对象是否存在某个属性，和 in 运算符 的功能完全相同。Reflect.has(target, name)// 返回一个包含所有自身属性（不包含继承属性）的数组。(类似于 Object.keys(), 但不会受enumerable影响, Object.keys返回所有可枚举属性的字符串数组).Reflect.ownKeys(target)// 判断一个对象是否是可扩展的（是否可以在它上面添加新的属性）,类似于 Object.isExtensible()。返回表示给定对象是否可扩展的一个Boolean 。（Object.seal 或 Object.freeze 方法都可以标记一个对象为不可扩展。）Reflect.isExtensible(target)// 让一个对象变的不可扩展，也就是永远不能再添加新的属性。Reflect.preventExtensions(target)// 如果对象中存在该属性，如果指定的属性存在于对象上，则返回其属性描述符对象（property descriptor），否则返回 undefined。类似于 Object.getOwnPropertyDescriptor()。Reflect.getOwnPropertyDescriptor(target, name)// 返回指定对象的原型.类似于 Object.getOwnPropertyDescriptor()。Reflect.getPrototypeOf(target)// 设置对象原型的函数. 返回一个 Boolean， 如果更新成功，则返回true。如果 target 不是 Object ，或 prototype 既不是对象也不是 null，抛出一个 TypeError 异常。Reflect.setPrototypeOf(target, prototype)示例如下：
// Reflect.applyvar obj1 = {};Reflect.apply(Math.floor, obj1, [1.88]) // 1;// Reflect.constructconst obj2 = Reflect.construct(Date, [2021, 3, 1])// Reflect.getvar obj3 = { x: 1, y: 2 };Reflect.get(obj3, "x"); // 1// Reflect.setvar obj4 = {};Reflect.set(obj4, "prop", "value"); // true// Reflect.defineProperty(const obj5 = {};Reflect.defineProperty(obj5, 'property', { value: 666, writable: false}); // true// Reflect.deletePropertyvar obj6 = { x: 1, y: 2 };Reflect.deleteProperty(obj6, "x"); // trueobj; // { y: 2 }// Reflect.hasconst obj7 = {x: 0}Reflect.has(obj7, "x"); // true// Reflect.ownKeysconst obj8 = {z: 3, y: 2, x: 1}Reflect.ownKeys(obj8); // [ "z", "y", "x" ]// Reflect.isExtensiblevar obj9 = {};Reflect.isExtensible(obj9); // true// Reflect.preventExtensionsvar obj10 = {};Reflect.isExtensible(obj10); // trueReflect.preventExtensions(obj10);Reflect.isExtensible(obj10); // false// Reflect.getOwnPropertyDescriptorconst obj11 = {x: "hello"}Reflect.getOwnPropertyDescriptor(obj11, "x");// {value: "hello", writable: true, enumerable: true, configurable: true}// Reflect.getPrototypeOfvar obj12 = {};Reflect.getPrototypeOf(obj12); // 等同于Object.prototype// Reflect.setPrototypeOfvar obj13 = {};Reflect.setPrototypeOf(obj13, null); // true后面继续写。。。