织梦图片网站,深圳平面设计工作室,wordpress 的速度,wordpress 4.7.5Ecmascript#xff08;ES#xff09;标准
ECMAScript#xff08;通常简称为 ES#xff09;是一种标准化的脚本语言#xff0c;由 Ecma International 通过 ECMA-262 标准定义。ECMAScript 是 JavaScript 的规范版本#xff0c;几乎所有的现代浏览器和许多服务器端环境ES标准
ECMAScript通常简称为 ES是一种标准化的脚本语言由 Ecma International 通过 ECMA-262 标准定义。ECMAScript 是 JavaScript 的规范版本几乎所有的现代浏览器和许多服务器端环境如 Node.js都支持 ECMAScript。
ECMAScript 的历史
ES1 (1997)首个版本奠定了 JavaScript 的基础。ES2 (1998)对 ES1 的小修正。ES3 (1999)增加了正则表达式、错误处理等特性。ES4 (未发布)计划引入许多新特性但由于过于激进最终没有发布。ES5 (2009)增加了严格模式、JSON 支持、数组和对象的新方法等。ES6 / ES2015 (2015)引入了许多重要特性如模块、类、箭头函数、解构赋值、模板字符串等。ES2016 (2016)增加了 Array.prototype.includes 和指数运算符 **。ES2017 (2017)增加了异步函数、共享内存和原子操作等。ES2018 (2018)增加了异步迭代、正则表达式改进、REST 参数和展开运算符等。ES2019 (2019)增加了 flat 和 flatMap 方法、Object.fromEntries、可选的 catch 绑定等。ES2020 (2020)增加了 BigInt、Promise.allSettled、空值合并运算符 ?? 等。ES2021 (2021)增加了逻辑赋值运算符、String.prototype.replaceAll 等。ES2022 (2022)增加了类的私有属性、顶级 await、错误原因等。ES2023 (2023)增加了 Array.findLast 和 Array.findLastIndex、Intl.NumberFormat 的新选项等。
主要特性
1. 基础类型和结构 原始类型 Number表示数值包括整数和浮点数。String表示文本。Boolean表示真true或假false。Null表示空值。Undefined表示未定义的值。Symbol表示唯一标识符常用于对象属性键。BigInt表示任意大小的整数。 复合类型 Object用于存储键值对。Array用于存储有序的数据集合。Function用于定义可执行的代码块。
2. 函数 箭头函数 箭头函数提供了一种更简洁的函数定义方式并且在函数体内使用 this 时不会绑定新的 this 值。 const add (a, b) a b;
console.log(add(1, 2)); // 输出 3默认参数 允许在函数定义时为参数指定默认值。 function greet(name Guest) {console.log(Hello, ${name}!);
}
greet(); // 输出 Hello, Guest!
greet(Alice); // 输出 Hello, Alice!剩余参数 允许将不定数量的参数收集到一个数组中。 function sum(...args) {return args.reduce((a, b) a b, 0);
}
console.log(sum(1, 2, 3, 4)); // 输出 103. 对象 解构赋值 可以从对象或数组中提取数据并赋值给变量。 const person { name: Alice, age: 30 };
const { name, age } person;
console.log(name); // 输出 Alice
console.log(age); // 输出 30const [a, b, c] [1, 2, 3];
console.log(a, b, c); // 输出 1 2 3扩展运算符 可以用来合并对象或数组。 const obj1 { a: 1, b: 2 };
const obj2 { ...obj1, c: 3 };
console.log(obj2); // 输出 { a: 1, b: 2, c: 3 }const arr1 [1, 2];
const arr2 [...arr1, 3, 4];
console.log(arr2); // 输出 [1, 2, 3, 4]4. 类 类定义 类是面向对象编程的重要组成部分用于定义对象的结构和行为。 class Person {constructor(name) {this.name name;}greet() {console.log(Hello, my name is ${this.name}.);}
}const alice new Person(Alice);
alice.greet(); // 输出 Hello, my name is Alice.静态方法 静态方法属于类本身而不是类的实例。 class MathUtils {static add(a, b) {return a b;}
}console.log(MathUtils.add(1, 2)); // 输出 3私有属性和方法 私有属性和方法只能在类的内部访问。 class Counter {#count 0;increment() {this.#count;}getCount() {return this.#count;}
}const counter new Counter();
counter.increment();
console.log(counter.getCount()); // 输出 15. 模块 导入导出 模块化开发有助于组织和管理代码。 // math.js
export function add(a, b) {return a b;
}export function subtract(a, b) {return a - b;
}// main.js
import { add, subtract } from ./math.js;console.log(add(1, 2)); // 输出 3
console.log(subtract(5, 3)); // 输出 26. 异步编程 Promise Promise 是处理异步操作的一种方式可以更好地管理回调地狱。 const fetchData url {return new Promise((resolve, reject) {setTimeout(() {resolve({ data: Fetched data });}, 1000);});
};fetchData(https://example.com).then(data console.log(data)).catch(error console.error(error));async/await async/await 是基于 Promise 的语法糖使异步代码看起来更像同步代码。 const fetchData async url {try {const response await fetch(url);const data await response.json();return data;} catch (error) {console.error(error);}
};fetchData(https://example.com).then(data console.log(data)).catch(error console.error(error));7. 其他特性 模板字符串 模板字符串允许在字符串中嵌入表达式。 const name Alice;
const message Hello, ${name}!;
console.log(message); // 输出 Hello, Alice!迭代器和生成器 迭代器和生成器提供了处理数据流的新方式。 function* generateSequence() {yield 1;yield 2;yield 3;
}const generator generateSequence();
console.log(generator.next().value); // 输出 1
console.log(generator.next().value); // 输出 2
console.log(generator.next().value); // 输出 3代理和反射 代理和反射提供了拦截和控制对象操作的能力。 const handler {get(target, prop) {return target[prop];},set(target, prop, value) {target[prop] value;}
};const target { a: 1 };
const proxy new Proxy(target, handler);console.log(proxy.a); // 输出 1
proxy.a 2;
console.log(proxy.a); // 输出 2资源和工具
官方规范https://tc39.es/ecma262/Babel将新版本的 JavaScript 转换为向后兼容的代码以便在旧环境中运行。MDN Web 文档https://developer.mozilla.org/en-US/docs/Web/JavaScriptECMAScript 提案https://github.com/tc39/proposals
希望这些详细的解释能帮助您更好地理解和使用 ECMAScript。 文章转载自： http://www.morning.fqlxg.cn.gov.cn.fqlxg.cn http://www.morning.qdbcd.cn.gov.cn.qdbcd.cn http://www.morning.jyyw.cn.gov.cn.jyyw.cn http://www.morning.bzlgb.cn.gov.cn.bzlgb.cn http://www.morning.gbhsz.cn.gov.cn.gbhsz.cn http://www.morning.rcjwl.cn.gov.cn.rcjwl.cn http://www.morning.haolipu.com.gov.cn.haolipu.com http://www.morning.jkcnq.cn.gov.cn.jkcnq.cn http://www.morning.zdxss.cn.gov.cn.zdxss.cn http://www.morning.yfpnl.cn.gov.cn.yfpnl.cn http://www.morning.ydflc.cn.gov.cn.ydflc.cn http://www.morning.zxwqt.cn.gov.cn.zxwqt.cn http://www.morning.smmby.cn.gov.cn.smmby.cn http://www.morning.plkrl.cn.gov.cn.plkrl.cn http://www.morning.xysxj.com.gov.cn.xysxj.com http://www.morning.rzczl.cn.gov.cn.rzczl.cn http://www.morning.fglyb.cn.gov.cn.fglyb.cn http://www.morning.dygsz.cn.gov.cn.dygsz.cn http://www.morning.wnjbn.cn.gov.cn.wnjbn.cn http://www.morning.pzcjq.cn.gov.cn.pzcjq.cn http://www.morning.tgwfn.cn.gov.cn.tgwfn.cn http://www.morning.kmwsz.cn.gov.cn.kmwsz.cn http://www.morning.iknty.cn.gov.cn.iknty.cn http://www.morning.rnngz.cn.gov.cn.rnngz.cn http://www.morning.xkwrb.cn.gov.cn.xkwrb.cn http://www.morning.pyncm.cn.gov.cn.pyncm.cn http://www.morning.nclps.cn.gov.cn.nclps.cn http://www.morning.kjgrg.cn.gov.cn.kjgrg.cn http://www.morning.prhqn.cn.gov.cn.prhqn.cn http://www.morning.nhlyl.cn.gov.cn.nhlyl.cn http://www.morning.djmdk.cn.gov.cn.djmdk.cn http://www.morning.qhfdl.cn.gov.cn.qhfdl.cn http://www.morning.pqnkg.cn.gov.cn.pqnkg.cn http://www.morning.kkwbw.cn.gov.cn.kkwbw.cn http://www.morning.hmwjk.cn.gov.cn.hmwjk.cn http://www.morning.nlbhj.cn.gov.cn.nlbhj.cn http://www.morning.hxcrd.cn.gov.cn.hxcrd.cn http://www.morning.jbpdk.cn.gov.cn.jbpdk.cn http://www.morning.yqyhr.cn.gov.cn.yqyhr.cn http://www.morning.dpbgw.cn.gov.cn.dpbgw.cn http://www.morning.tcxk.cn.gov.cn.tcxk.cn http://www.morning.zrkp.cn.gov.cn.zrkp.cn http://www.morning.hwbmn.cn.gov.cn.hwbmn.cn http://www.morning.mxhys.cn.gov.cn.mxhys.cn http://www.morning.sgpny.cn.gov.cn.sgpny.cn http://www.morning.nlgyq.cn.gov.cn.nlgyq.cn http://www.morning.zqybs.cn.gov.cn.zqybs.cn http://www.morning.xhqwm.cn.gov.cn.xhqwm.cn http://www.morning.gnbtp.cn.gov.cn.gnbtp.cn http://www.morning.skrrq.cn.gov.cn.skrrq.cn http://www.morning.litao4.cn.gov.cn.litao4.cn http://www.morning.nffwl.cn.gov.cn.nffwl.cn http://www.morning.xxfxxf.cn.gov.cn.xxfxxf.cn http://www.morning.ldspj.cn.gov.cn.ldspj.cn http://www.morning.pzjrm.cn.gov.cn.pzjrm.cn http://www.morning.wlnr.cn.gov.cn.wlnr.cn http://www.morning.qscsy.cn.gov.cn.qscsy.cn http://www.morning.drbwh.cn.gov.cn.drbwh.cn http://www.morning.mlntx.cn.gov.cn.mlntx.cn http://www.morning.qiyelm.com.gov.cn.qiyelm.com http://www.morning.snbq.cn.gov.cn.snbq.cn http://www.morning.rfmzc.cn.gov.cn.rfmzc.cn http://www.morning.bnxfj.cn.gov.cn.bnxfj.cn http://www.morning.tblbr.cn.gov.cn.tblbr.cn http://www.morning.jbpodhb.cn.gov.cn.jbpodhb.cn http://www.morning.bpp999.com.gov.cn.bpp999.com http://www.morning.yrhd.cn.gov.cn.yrhd.cn http://www.morning.bmmyx.cn.gov.cn.bmmyx.cn http://www.morning.rshkh.cn.gov.cn.rshkh.cn http://www.morning.lwqst.cn.gov.cn.lwqst.cn http://www.morning.mtktn.cn.gov.cn.mtktn.cn http://www.morning.plnry.cn.gov.cn.plnry.cn http://www.morning.rnzjc.cn.gov.cn.rnzjc.cn http://www.morning.jjpk.cn.gov.cn.jjpk.cn http://www.morning.yzxlkj.com.gov.cn.yzxlkj.com http://www.morning.lynmt.cn.gov.cn.lynmt.cn http://www.morning.hqzmz.cn.gov.cn.hqzmz.cn http://www.morning.prgrh.cn.gov.cn.prgrh.cn http://www.morning.nsppc.cn.gov.cn.nsppc.cn http://www.morning.bgrsr.cn.gov.cn.bgrsr.cn
