![](https://img-blog.csdnimg.cn/73904086dda8443cbd58137664dc6d3c.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ES6标准入门第三版(笔记)
文章平均质量分 80
ES6标准入门第三版(笔记)
岁月可贵
梦想很大,仍需努力
展开
-
ES6语法实现数据的双向绑定
废话不多说,直接上代码,代码有备注!!!方式一:利用 defineProperty 方法<div><input type="text" placeholder="请输入数据" /></div><!--渲染区域--><div class="item-box"></div><button>重置</button><script> let btn = document.queryS原创 2021-10-13 22:27:40 · 426 阅读 · 0 评论 -
ES6学习笔记对象的扩展(补充)
函数参数的默认值原创 2020-11-24 11:25:54 · 184 阅读 · 2 评论 -
ES6学习笔记九(函数的扩展)
一、函数参数的默认值function log(x,y='world'){ console.log(x,y);}log('hello'); //hello worldlog('hello',''); //hello注意:参数是默认声明的,所以在函数体内不能用let或const再次声明function foo(x=5){ let x=1; //error const x=2; //error}注意:使用参数默认值时,函数不能有同名参数function foo(x,x,y)原创 2020-11-21 17:16:55 · 370 阅读 · 1 评论 -
ES6学习笔记八(数值的扩展)
一、二进制和八进制表示 ES6提供了二进制和八进制数值的新写法,分别用前缀0b(或0B)和0o(或0O)表示。//二进制和八进制转化为十进制Number('0b111'); //7Number('0o10'); //8二、Number.isFinite()和Number.isNaN() 1、Number.isFinite() 检查一个数值是否为有限的Nu原创 2020-11-20 10:52:00 · 166 阅读 · 0 评论 -
ES6变量的解构赋值注意点及用途(补充)
一、数组的解构赋值二、原创 2020-11-19 13:13:53 · 302 阅读 · 0 评论 -
ES6学习笔记一(var let const三者区别)
一、JavaScript作用域全局作用域在浏览器中能通过 window 对象拿到的变量就是全局作用域下声明的变量。var name = 'demo';console.log(window.name)函数作用域 / 局部作用域在函数内部定义的变量,在函数的外部是不能使用这个变量的。function bar() { var name = 'demo';}console.log(name); // undefined块级作用域在打大括号({})中,使用 let 或 con原创 2020-09-13 18:46:20 · 279 阅读 · 0 评论 -
ES6学习笔记二(解构赋值、语法糖)
赋值一、展开语法1、数组浅拷贝const arr = [...'ABCDE'];console.log(arr); // ["A", "B", "C", "D", "E"]const arr1 = [1, 2];const arr2 = ['a', ...arr1];const arr3 = [...arr1, ...arr2];console.log(arr2); // ['a', 1, 2]console.log(arr3); // [1, 2, 'a', 1, 2]2、对象浅原创 2020-09-13 19:27:40 · 388 阅读 · 0 评论 -
ES6学习笔记三(字符串)
字符串1、字符串拼接var name = '我';var lang = '真开心';console.log(`${name}今天${lang}`);//我今天真开心2、逻辑运算var a = 1;var b = 2;console.log(`a + b 的和是: ${a + b}`); // a + b 的和是: 3var age = 16;console.log(`小明是${age > 18 ? '成年人' : '未成年人'}`)// 小明是未成年人3、字符串遍历原创 2020-09-15 10:34:39 · 279 阅读 · 0 评论 -
ES6学习笔记四(数组)
数组1、Array.from()//将类数组对象和可遍历的对象转换为数组进行使用。//类数组对象const arrLike = { '0': 'apple', '1': 'banana', '2': 'orange', length: 3};let arr = Array.from(arrLike);console.log(arr) // ['apple', 'banana', 'orange']//可遍历的对象Array.from('china'); // [ "c原创 2020-09-15 16:33:32 · 342 阅读 · 0 评论 -
ES6学习笔记五(对象)
1、可选链操作符使用 ?. 来表示/* * 如果对象链上的引用是 null 或者 undefined 时, * 操作符则会按照短路计算的方式进行处理,返回 undefined。 * 函数不存在,也将会返回 undefined,不会抛异常。 */ let user = { name: 'xiaoming', ['haohao']:'好好', address: { cit原创 2020-09-17 16:33:20 · 416 阅读 · 0 评论 -
ES6学习笔记六(新增数据结构)
1、Set 数据结构/* * Set 对象允许你存储任何类型的值,且存储的值是唯一的, * 存储的值可以是原始类型或者是引用类型。 */ // 创建一个空的 Set 实例(可以传参,定义set的长度)var set = new Set() // Set(0) {}// 添加数据set.add('ES6') // Set(1) {"ES6"}// 还可以链式添加数据set.add('Javascript').add('7') // Set(3) {"ES6", "Javascrip原创 2020-09-19 13:27:21 · 487 阅读 · 0 评论 -
ES6学习笔记七(Set和Map)
1、Set的方法/* *Set的数据结构只能进行增,删,查操作,不能进行修改(Set不能通过索引来查询数据) */ //增加add()var set = new Set() // Set(0) {}// 添加数据set.add('ES6') // Set(1) {"ES6"}// 还可以链式添加数据set.add('javascript').add({age: 7}) // delete 删除数据: 删除指定的数据,或者清空数据var se原创 2020-09-19 14:47:31 · 225 阅读 · 0 评论