ES6
在代码中随波逐流的小明
小白中的小白,希望各位大佬多多指教,理解能力非常低
展开
-
Symbol
它们的区别是,前者会被登记在全局环境中供搜索,后者不会。Symbol.for() 不会每次调用就返回一个新的 Symbol 类型的值,而是会先检查给定的 key 是否已经存在,如果不存在才会新建一个值。比如,如果你调用Symbol.for(“cat”) 30 次,每次都会返回同一个 Symbol 值,但是调用 Symbol(“cat”) 30 次,会返回 30 个不同的 Symbol 值。上面代码中, Symbol.for(‘bar’) 是函数内部运行的,但是生成的 Symbol 值是登记在全局环境的。..原创 2022-08-07 16:22:19 · 243 阅读 · 1 评论 -
Symbol 数据类型
symbol是ES6引入了一种新的基本数据类型(原始数据类型)Symbol,表示独一无二的值。它是JavaScript语言的第七种数据类型,前六种是undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。每个从Symbol()返回的symbol值都是唯一的。这会阻止创建一个显式的Symbol包装器对象而不是一个Symbol值。Symbol的值是唯一的,用来解决命名冲突的问题。Symbol创建对象的属性。...原创 2022-07-21 20:17:50 · 330 阅读 · 0 评论 -
es6的对象的展开运算符
/如果展开运算符后面的是字符串,她会自动转成一个类数组的对象,因此返回的不是空对象。console.log({…console.log({…person});//展开以后是一个新的对象。对象的展开把属性罗列出来,用逗号分隔,放到一个{}对象,构成一个新的对象。console.log({…如果展开的不是对象,则会自动将其转为对象,再将其属性罗列出来。1.空对象的展开如果展开一个空对象,则没有任何效果。3.对象中的对象属性的展开,不会展开对象中的对象属性。对象不能直接的展开,必须写在{}中。...原创 2022-07-21 09:54:25 · 690 阅读 · 0 评论 -
展开运算符
展开运算符[1,3,5]->1,3,5将数组装换为数字列表。剩余参数2,3,5->[2,3,5]将数字列表转换为数组。constc=[…//合并之后的新数组。3.区分剩余参数和展开运算符例子。2.数组展开运算符的基本用法。字符串可以按照数组的形式展开。数组的展开运算符的基本使用。4.常见的类数组转换为数组。...原创 2022-07-21 09:21:10 · 165 阅读 · 0 评论 -
ES6的剩余参数
arguments是一个类数组对象console.log(arguments);可以使用剩余参数arg代替argumentsconsole.log(arg);2.剩余参数的本质===>剩余参数永远是个数组,即使没有值也是一个空数组。剩余参数只能是最后一个参数,之后不能再有其他的参数,否则会报错。箭头函数的参数部分即使只有一个剩余参数,也不能省略圆括号。2.使用剩余参数替代arguments获取实际的参数。剩余参数不一定非要作为函数的参数使用。1.箭头函数的剩余参数。2.与解构赋值结合使用。...原创 2022-07-21 09:05:20 · 152 阅读 · 0 评论 -
函数参数的默认值
函数参数默认值的原创 2022-06-18 08:26:36 · 1172 阅读 · 0 评论 -
对象字面量的增强
对象中属性与方法的简洁表示法1.对象字面量是什么?创建对象的一种方式const person={ name:‘zhangsan’, age:34 }2.属性的简洁表达式==>键名和变量或常量名一样的时候,可以只写一个const age=23;const person={ name:‘zhangsan’, // age:age, //这里可以简写 age }console.log(person)3.方法的简洁表示法==>方法可以省略冒号和function 关键字const person={//原创 2022-06-07 09:17:55 · 230 阅读 · 1 评论 -
箭头函数和解构赋值
开发工具与关键技术: VS 与 ES6作者:小明同学撰写时间:2022 年 5 月 24 日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~1、箭头函数中的 this 指向箭头函数没有自己的 thisconst person = { //箭头函数 speak: () => { console.log(this); } };person.speak(); //原创 2022-05-24 10:09:01 · 410 阅读 · 0 评论 -
箭头函数的其他用法
开发工具与关键技术: VS 与 ES6作者:小明同学撰写时间:2022 年 5 月 7 日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~箭头函数:箭头函数的单个参数:1、单个参数可以省略圆括号const add = x => { return x + 1; };console.log(add(1)); 2、无参数或多个参数不能省略圆括号:const add = () =原创 2022-05-18 09:21:46 · 201 阅读 · 0 评论 -
ES6的模板字符串和箭头函数的初步认识
开发工具与关键技术: VS 与 ES6作者:蔡杰明撰写时间:2022 年 5 月 7 日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~模板字符串:1. 模板字符串的基本使用①使用"" ''声明字符串 ②使用``反引号声明字符串 let a="234234"; let b='asdfasdf'; let c=`<p>段落标签</p>`;2、模板字符串与一般字原创 2022-05-08 08:25:30 · 135 阅读 · 0 评论 -
ES6部分认识
开发工具与关键技术: VS 与 JS作者:蔡杰明撰写时间:2022 年 4 月 27 日~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~S6是什么?ES6-ES11规范增加了很多JavaScript新特性。ES6是新一代的JS语言标准,对分JS语言核心内容做了升级优化,规范了JS使用标准,新增了JS原生方法,使得JS使用更加规范,更加优雅,更适合大型应用的开发。ES6具体是:ECMAScr原创 2022-04-28 08:43:02 · 113 阅读 · 0 评论