当前位置: 首页 > wzjs >正文

西安php网站建设关键词seo优化

西安php网站建设,关键词seo优化,网站建设工资 优帮云,淘宝客网站能用淘宝图标做标志吗目录 Symbol类型 一、Symbol 的核心特性 1. 唯一性 2. 不可变性 3. 不可枚举性 二、创建 Symbol 1. 基础创建 2. 全局 Symbol 注册表 三、Symbol 作为对象属性 1. 定义 Symbol 属性 2. 遍历 Symbol 属性 四、内置 Symbol 值 五、实际应用场景 1. 避免属性名冲突 …

目录

Symbol类型

一、Symbol 的核心特性

1. 唯一性

2. 不可变性

3. 不可枚举性

二、创建 Symbol

1. 基础创建

2. 全局 Symbol 注册表

三、Symbol 作为对象属性

1. 定义 Symbol 属性

2. 遍历 Symbol 属性

四、内置 Symbol 值

五、实际应用场景

1. 避免属性名冲突

2. 模拟私有属性

3. 定义迭代器

六、注意事项

七、总结

BigInt类型

一、BigInt 的核心特性

1. 定义与语法

2. 类型检测

3. 数值范围

二、BigInt 的运算规则

1. 算术运算

2. 比较运算

3. 位运算

4. 禁止混合运算

三、BigInt 的创建与转换

1. 类型转换

2. 类型强制转换

四、BigInt 的应用场景

1. 高精度整数计算

2. 时间戳与唯一ID

3. 数学库与算法

五、注意事项与兼容性

1. 兼容性

2. JSON 序列化

3. Math 对象方法

4. 性能考量

六、示例代码

1. 大数计算

2. 类型检测与转换

七、总结


Symbol类型

Symbol 是 ES6 引入的一种 原始数据类型,用于创建 唯一且不可变 的标识符,常用于对象属性的键,避免命名冲突。


一、Symbol 的核心特性

1. 唯一性

每个 Symbol 值都是唯一的,即使描述符(description)相同:

const sym1 = Symbol('key');
const sym2 = Symbol('key');
console.log(sym1 === sym2); // false
2. 不可变性

Symbol 值一旦创建,无法被修改,也无法通过 new 创建(避免装箱为对象):

const sym = Symbol();
// const obj = new Symbol(); // ❌ 报错:Symbol is not a constructor
3. 不可枚举性

作为对象属性时,Symbol 键默认不会被常规方法遍历:

const obj = { [Symbol('key')]: 'value' };
console.log(Object.keys(obj)); // []
console.log(Reflect.ownKeys(obj)); // [Symbol(key)](包含 Symbol 键)

二、创建 Symbol

1. 基础创建
// 无描述符
const sym1 = Symbol();// 带描述符(用于调试)
const sym2 = Symbol('description');
console.log(sym2.description); // "description"
2. 全局 Symbol 注册表

通过 Symbol.for() 创建或获取全局共享的 Symbol:

const globalSym1 = Symbol.for('globalKey'); // 创建或获取
const globalSym2 = Symbol.for('globalKey');
console.log(globalSym1 === globalSym2); // true// 获取全局 Symbol 的键
console.log(Symbol.keyFor(globalSym1)); // "globalKey"
  • 全局注册表机制:根据 key 在全局注册表中查找或创建 Symbol。

  • 相同 key 返回同一 Symbol。


三、Symbol 作为对象属性

1. 定义 Symbol 属性
const id = Symbol('id');
const user = {name: 'Alice',[id]: 123 // Symbol 键
};console.log(user[id]); // 123
2. 遍历 Symbol 属性

需使用 Object.getOwnPropertySymbols()

const symbols = Object.getOwnPropertySymbols(user); // [Symbol(id)]

四、内置 Symbol 值

JavaScript 预定义了一系列 内置 Symbol,用于改变对象的默认行为:

内置 Symbol用途示例
Symbol.iterator定义对象的默认迭代器obj[Symbol.iterator] = function*() { yield 1; }
Symbol.toStringTag定制 Object.prototype.toString 输出obj[Symbol.toStringTag] = 'MyObject'; → obj.toString() → [object MyObject]
Symbol.hasInstance自定义 instanceof 行为class MyClass { static [Symbol.hasInstance](obj) { ... } }
Symbol.species指定派生对象的构造函数class MyArray extends Array { static get [Symbol.species]() { return Array; } }

五、实际应用场景

1. 避免属性名冲突
// 库 A 的扩展
const LIB_A_KEY = Symbol('libA');
Object.prototype[LIB_A_KEY] = function() { /* ... */ };// 库 B 的扩展
const LIB_B_KEY = Symbol('libB');
Object.prototype[LIB_B_KEY] = function() { /* ... */ };
2. 模拟私有属性
const _counter = Symbol('counter');
class Counter {constructor() {this[_counter] = 0; // “私有”属性}increment() {this[_counter]++;}
}
3. 定义迭代器
const range = {start: 1,end: 5,[Symbol.iterator]() {let current = this.start;return {next: () => ({value: current,done: current++ > this.end})};}
};for (const num of range) {console.log(num); // 1, 2, 3, 4, 5
}

六、注意事项

  1. JSON 序列化
    Symbol 属性会被 JSON.stringify() 忽略:

    const obj = { [Symbol('key')]: 'value' };
    console.log(JSON.stringify(obj)); // {}
  2. 类型转换
    Symbol 无法隐式转换为字符串或数值,需显式调用 toString()

    const sym = Symbol('desc');
    console.log(String(sym)); // "Symbol(desc)"
    console.log(sym + ''); // ❌ TypeError: Cannot convert a Symbol to a string
  3. 跨 Realm 共享
    不同 iframe 或 Web Worker 中的全局 Symbol 注册表是隔离的,需通过 postMessage 显式传递。


七、总结

特性说明
唯一性每个 Symbol 值唯一,避免命名冲突
不可变性创建后无法修改,不可通过 new 实例化
私有性通过 Symbol 键模拟私有属性(需配合模块作用域)
内置 Symbol改变对象默认行为(如迭代、类型标签)

Symbol 的核心价值 在于提供了一种安全、可控的元编程机制,适用于库开发、框架设计及复杂对象行为定制。


   

BigInt类型

BigInt 是 JavaScript 中用于表示 任意精度大整数 的数据类型,解决了传统 Number 类型在超过 2^53 - 1(即 Number.MAX_SAFE_INTEGER)时的精度丢失问题。


一、BigInt 的核心特性

1. 定义与语法
  • 字面量表示法:在数字后加 n

    const bigInt = 9007199254740993n; // 超过 Number 的安全整数范围
  • 构造函数转换:通过 BigInt() 转换其他类型。

    const fromString = BigInt("12345678901234567890");
    const fromNumber = BigInt(Number.MAX_SAFE_INTEGER); // 9007199254740991n
2. 类型检测
  • 使用 typeof 检测返回 "bigint"

    typeof 123n; // "bigint"
3. 数值范围
  • 无固定上限:仅受内存限制,可表示任意大的整数。

  • 不支持小数:BigInt 仅用于整数,小数部分会被截断。

    BigInt(3.9); // 3n(直接截断,非四舍五入)

二、BigInt 的运算规则

1. 算术运算

支持常规运算符(+-***/%),但除法返回整数部分。

const a = 10n;
const b = 3n;
console.log(a / b); // 3n(舍去小数)
2. 比较运算

可与 Number 或其他 BigInt 进行比较(=====>< 等)。

10n === 10;   // false(类型不同)
10n == 10;    // true(值相等)
10n > 5;      // true
3. 位运算

支持位操作符(&|^<<>>),但操作数必须同为 BigInt

const mask = 0b1111n;
const result = 0b1010n & mask; // 0b1010n & 0b1111n → 0b1010n(即 10n)
4. 禁止混合运算

BigInt 与 Number 不可直接运算,需显式转换。

// 10n + 5;   // ❌ TypeError: Cannot mix BigInt and other types
10n + BigInt(5); // ✅ 15n

三、BigInt 的创建与转换

1. 类型转换
  • 字符串转 BigInt

    BigInt("123"); // 123n
    BigInt("0xFF"); // 255n(支持十六进制)
    BigInt("0b1010"); // 10n(支持二进制)
  • Number 转 BigInt

    BigInt(Number.MAX_SAFE_INTEGER); // 9007199254740991n
2. 类型强制转换
  • 隐式转换:部分操作(如模板字符串)会隐式调用 toString()

    `Value: ${100n}`; // "Value: 100"
  • 显式转换

    Number(100n); // 100(可能丢失精度)
    Boolean(0n);  // false(0n 为假值)

四、BigInt 的应用场景

1. 高精度整数计算

处理金融、加密算法中的大整数运算:

const largePrime = 957496696762772407663n;
const hash = largePrime * 2654435761n; // 避免溢出
2. 时间戳与唯一ID

生成高精度时间戳或分布式唯一ID:

const timestamp = BigInt(Date.now()) * 1000000n + process.hrtime.bigint();
3. 数学库与算法

实现大数阶乘、斐波那契数列等:

function factorial(n) {let result = 1n;for (let i = 2n; i <= n; i++) {result *= i;}return result;
}
console.log(factorial(20n)); // 2432902008176640000n

五、注意事项与兼容性

1. 兼容性
  • 支持环境:现代浏览器(Chrome 67+、Firefox 68+、Node.js 10.4+)。

  • Polyfill:无完美 Polyfill,可通过第三方库(如 big-integer)模拟。

2. JSON 序列化

BigInt 无法直接通过 JSON.stringify() 序列化,需自定义转换:

const data = { id: 12345678901234567890n };
const json = JSON.stringify(data, (key, value) =>typeof value === 'bigint' ? value.toString() : value
);
// {"id":"12345678901234567890"}
3. Math 对象方法

BigInt 不支持 Math 方法(如 Math.pow()),需手动实现:

function pow(base, exponent) {return base ** exponent; // 使用 ** 运算符
}
pow(2n, 10n); // 1024n
4. 性能考量
  • 内存占用:BigInt 比 Number 占用更多内存,需谨慎处理超大数值。

  • 运算速度:BigInt 运算通常慢于 Number,高频计算时需评估性能。


六、示例代码

1. 大数计算
const maxSafe = Number.MAX_SAFE_INTEGER; // 9007199254740991
const unsafe = maxSafe + 2; // 9007199254740992(精度丢失)
const safe = BigInt(maxSafe) + 2n; // 9007199254740993n(精确)
2. 类型检测与转换
const big = 100n;
if (typeof big === 'bigint') {const num = Number(big); // 转换为 Number(可能丢失精度)
}

七、总结

特性BigIntNumber
整数范围任意精度±(2^53 - 1)
小数支持是(双精度浮点数)
运算符兼容需与同类型运算,禁止混合支持常规运算
内存占用较高较低
适用场景大整数计算、加密、高精度ID常规数值运算

BigInt 的核心价值在于解决 JavaScript 中 大整数精度丢失 的问题,适用于科学计算、密码学等领域。使用时需注意兼容性、类型转换及性能影响。


http://www.dtcms.com/wzjs/5888.html

相关文章:

  • 提供网站制作百度seo排名优化系统
  • 苏州交友网站建设怎么做网页
  • 公司网站开发 nodejs东莞市网络seo推广企业
  • 东莞做网站找微客巴巴网站服务器一年的费用
  • 双井网站建设2023年6月份疫情严重吗
  • 可以随意做配搭的网站广州企业推广
  • wordpress.备份小时seo
  • 为什么做手机网站专业竞价托管哪家好
  • 做模特的网站软文例文 经典软文范例
  • 行业前10的网站建设公司seo专员岗位要求
  • 哪个购物网站最便宜郑州网络推广效果
  • 58南浔做网站网站怎么快速收录
  • 青浦专业做网站公司北京关键词快速排名
  • 国外知名设计网站大全百度收录检测
  • wix网站做图片能折叠吗郑州网站推广多少钱
  • 徐州做网站宁波seo优化排名
  • 全网媒体发布平台seo网站整站优化
  • 大气网站首页企业网络营销推广平台
  • 动态网站建设包括哪些方面郑州专业seo推荐
  • 京东商城网站怎么做最新国际新闻头条今日国际大事件
  • 做初级会计实务题的网站无锡营销型网站建站
  • 两学一做网站无法做题seo需要掌握什么技能
  • wordpress页面文章网站seo分析案例
  • kilu wordpress长沙seo代理
  • 企业网站一般用什么域名一站式网站建设
  • 珠海网站运营西安疫情最新数据消息5分钟前
  • 做网站优化有什么作用济南seo网站关键词排名
  • 哪家建设网站好湖南seo优化报价
  • 江苏连云港做网站9个广州seo推广神技
  • 动态网页模板下载外链seo招聘