灵犀科技 高端网站建设首页怎么把网站排名排上去

灵犀科技 高端网站建设首页,怎么把网站排名排上去,一般的电脑培训班要多少钱,网站做好了怎么办#x1f90d; 前端开发工程师、技术日更博主、已过CET6 #x1f368; 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 #x1f560; 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》 #x1f35a; 蓝桥云课签约作者、… 前端开发工程师、技术日更博主、已过CET6 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》文章目录一、ES6 的新增特性一语法糖二新数据结构三类Classes四模块Modules五其他特性二、ES2016ES7及以后版本的新增特性一ES2016ES7二ES2017ES8三ES2018ES9四ES2019ES10五ES2020ES11六ES2021ES12及以后版本三、总结自 2015 年 ES6ECMAScript 2015发布以来JavaScript 语言经历了快速的发展和演变。ES6 及其后续版本ES2016、ES2017 等引入了许多强大的新特性和改进极大地提升了 JavaScript 的表达能力和开发效率。本文将详细介绍 ES6 及以上版本新增的主要特性帮助开发者更好地理解和应用这些新特性。一、ES6 的新增特性ES6 是 JavaScript 语言的一个重大更新引入了许多新特性包括语法糖、新数据结构、类、模块化支持等。以下是 ES6 的主要新增特性一语法糖箭头函数Arrow Functions简化了函数的书写方式省略了function关键字并且可以省略返回值的花括号如果只有一条语句。箭头函数不绑定自己的this而是继承自外部上下文的this。constadd(a,b)ab;console.log(add(2,3));// 5模板字符串Template Literals使用反引号定义字符串支持多行字符串和嵌入表达式。constnameAlice;constage30;constmessageHello, my name is${name}and I am${age}years old.;console.log(message);解构赋值Destructuring Assignment允许从数组或对象中提取数据并赋值给变量。const[a,b][1,2];console.log(a,b);// 1 2const{name,age}{name:Alice,age:30};console.log(name,age);// Alice 30默认参数Default Parameters函数参数可以设置默认值如果调用时未传入参数则使用默认值。functiongreet(nameGuest){console.log(Hello,${name}!);}greet();// Hello, Guest!greet(Alice);// Hello, Alice!二新数据结构let和constlet和const提供了块级作用域block scope解决了var的作用域提升问题。const用于声明常量声明后不能重新赋值。{letx1;consty2;}console.log(x);// ReferenceError: x is not definedconsole.log(y);// ReferenceError: y is not definedSymbolSymbol是一种新的原始数据类型用于创建唯一的标识符。constmySymbolSymbol(mySymbol);console.log(mySymbol);// Symbol(mySymbol)Map和SetMap是一个键值对集合键可以是任意类型。Set是一个集合存储唯一的值。constmyMapnewMap();myMap.set(key1,value1);console.log(myMap.get(key1));// value1constmySetnewSet([1,2,3,3]);console.log(mySet.size);// 3三类ClassesES6 引入了类语法用于定义构造函数和方法。classPerson{constructor(name,age){this.namename;this.ageage;}greet(){console.log(Hello, my name is${this.name}and I am${this.age}years old.);}}constalicenewPerson(Alice,30);alice.greet();// Hello, my name is Alice and I am 30 years old.四模块ModulesES6 引入了模块化支持允许开发者将代码拆分成多个模块通过import和export语法进行导入和导出。// math.jsexportfunctionadd(a,b){returnab;}exportfunctionsubtract(a,b){returna-b;}// main.jsimport*asMathfrom./math.js;console.log(Math.add(2,3));// 5console.log(Math.subtract(5,2));// 3五其他特性PromisePromise是一个用于异步编程的对象表示一个尚未完成的操作。constmyPromisenewPromise((resolve,reject){setTimeout(()resolve(Promise resolved!),1000);});myPromise.then((result)console.log(result));// Promise resolved!for...of和for...infor...of遍历可迭代对象如数组、字符串等的值。for...in遍历对象的键。constarr[1,2,3];for(constvalueofarr){console.log(value);// 1 2 3}constobj{a:1,b:2};for(constkeyinobj){console.log(key);// a b}二、ES2016ES7及以后版本的新增特性在 ES6 的基础上ES2016 及以后的版本继续引入了许多新特性进一步完善了 JavaScript 的功能。以下是一些重要的新增特性一ES2016ES7指数运算符Exponentiation Operator使用**表示指数运算。console.log(2**3);// 8Array.prototype.includes检查数组是否包含某个值。constarr[1,2,3];console.log(arr.includes(2));// trueconsole.log(arr.includes(4));// false二ES2017ES8async和awaitasync函数用于声明异步函数await用于等待Promise的结果。asyncfunctionfetchData(){constresponseawaitfetch(https://api.example.com/data);constdataawaitresponse.json();returndata;}fetchData().then((data)console.log(data));Object.values和Object.entriesObject.values返回对象的值数组。Object.entries返回对象的键值对数组。constobj{a:1,b:2};console.log(Object.values(obj));// [1, 2]console.log(Object.entries(obj));// [[a, 1], [b, 2]]String.prototype.padStart和String.prototype.padEndpadStart和padEnd方法用于在字符串的开头或结尾填充指定的字符。conststrhello;console.log(str.padStart(10, ));// helloconsole.log(str.padEnd(10, ));// hello 三ES2018ES9可选链操作符Optional Chaining使用?.访问对象的属性时如果对象为null或undefined不会抛出错误而是返回undefined。constperson{name:Alice};console.log(person?.address?.city);// undefinedPromise.prototype.finallyfinally方法用于在Promise的链式调用中无论成功或失败都会执行的回调函数。fetch(https://api.example.com/data).then((response)response.json()).catch((error)console.error(error)).finally(()console.log(Request finished));四ES2019ES10Array.prototype.flat和Array.prototype.flatMapflat方法用于将多维数组展平为一维数组。flatMap方法先对数组的每个元素调用回调函数然后将结果展平为一维数组。constarr[1,[2,[3]]];console.log(arr.flat(2));// [1, 2, 3]constarr2[1,2,3];console.log(arr2.flatMap((x)[x,x*2]));// [1, 2, 2, 4, 3, 6]Object.fromEntries将键值对数组转换为对象。constentries[[a,1],[b,2]];console.log(Object.fromEntries(entries));// { a: 1, b: 2 }五ES2020ES11BigIntBigInt是一种新的数值类型用于表示大于2^53 - 1的整数。constbigNumberBigInt(1234567890123456789012345678901234567890n);console.log(bigNumber);// 1234567890123456789012345678901234567890nString.prototype.matchAll使用正则表达式匹配字符串的所有结果并返回一个迭代器。constregex/a/g;conststrabacada;constmatches[...str.matchAll(regex)];console.log(matches);// [[a, index: 0, input: abacada, groups: undefined], ...]六ES2021ES12及以后版本ES2021 及以后的版本继续引入了许多新特性例如逻辑赋值运算符Logical Assignment Operators、||和??用于逻辑赋值。letx;x||10;// x 10x20;// x 10Promise.anyPromise.any方法返回一个Promise该Promise在传入的多个Promise中任意一个成功时立即成功。constpromises[Promise.reject(Error 1),Promise.resolve(Success)];Promise.any(promises).then((result)console.log(result))// Success.catch((error)console.error(error));三、总结ES6 及其后续版本为 JavaScript 语言带来了许多强大的新特性极大地提升了开发效率和代码的可读性。从语法糖如箭头函数、模板字符串到新数据结构如Map、Set再到异步编程的支持如Promise、async和await这些特性使得 JavaScript 成为一种更加现代化的编程语言。随着 JavaScript 的不断发展开发者需要持续学习和适应新的特性以充分利用这些改进。通过掌握 ES6 及以上版本的新特性开发者可以编写出更高效、更简洁且更易于维护的代码。