ES6
ES6 学习
A_bad_horse
不积跬步,无以至千里!
展开
-
Vue - 解构对象
const obj = { // 对象的解构 name: 't1', age: 18, sex: 'male'}const { name, age, sex } = obj;const { name, sex, age } = obj; // 与顺序无关,只和名字相关console.log(name);console.log(age);console.log(sex);原创 2022-03-05 21:36:10 · 1216 阅读 · 0 评论 -
Vue - 箭头函数 this
<body> <script> const obj = { aaa() { setTimeout(function() { console.log("t1", this) // window }) setTimeout(() => { console.log("t2",this) // obj对象 }) } } obj.a.原创 2022-03-02 15:42:00 · 263 阅读 · 0 评论 -
Vue - required is not defined - webpack
代码如下:index.html main.js mathUtil.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia..原创 2022-02-27 18:01:44 · 7135 阅读 · 0 评论 -
ES6 学习系列---《函数》
函数默认值function log(x, y = 'world') { console.log(x, y);}log('hello'); // hello world log('hello', 'China'); // hello Chinalog('hello', ''); // helloES6函数写法的好处 阅读代码时可知哪些参数是可省略的,不用查看函数体...原创 2020-03-22 12:57:59 · 178 阅读 · 0 评论 -
ES6 学习系列---《箭头函数》
函数体超过1行时,需要使用{} 函数体不能使用new,即箭头函数不能作为构造函数使用 var add=(a, b=1) => a+b;console.log(add(3)); //4效果等同于{}var add=(a, b=1) => { return a+b;}console.log(add(3)); //4箭头函数注意事项1. ...原创 2020-03-22 12:38:12 · 237 阅读 · 0 评论 -
ES6 学习系列---《变量声明》
ES6三种声明方式 1. var:它是variable的简写,可以理解成变量的意思。 2. let:它在英文中是“让”的意思,也可以理解为一种声明的意思。 3. const:它在英文中也是常量的意思,在ES6也是用来声明常量的,常量你可以简单理解为不变的。 如何证明var声明的变量是全局变量?var a = 1;{ var a = 3; con...原创 2020-03-22 12:33:36 · 257 阅读 · 0 评论 -
ES6 学习系列---《rest》
rest参数 (形式:“...变量名”)function add(...values) { let sum = 0; for (value of values) { sum += value; } return sum;}console.log(add(2,3,5,6)); //16 利用rest参数可以向函数传递任意数目的参数...原创 2020-03-22 12:28:58 · 188 阅读 · 0 评论 -
ES6 学习系列---《let》
暂时性死区 temporal dead zone TDZ ES6中规定,区块中存在const/let命令,则该区块对这些命令声明的变量从一开始就形成封闭作用域,只要在声明之前使用这些变量就会报错。var tmp = 123;if (true) { //TDZ开始 tmp = 234; //Uncaught ReferenceError: tmp is not def...原创 2020-03-22 12:25:54 · 388 阅读 · 0 评论 -
ES6 学习系列---《json 数组》
let json = { '0' : 'Hello', '1' : 'World', '2' : 'ES6', length: 3 //["Hello", "World", "ES6"] length: 2 // ["Hello", "World"] length: 4 // ["Hello", "World", "ES6", undefined]...原创 2020-03-22 12:23:20 · 852 阅读 · 0 评论 -
ES6 学习系列---《const》
一旦声明,变量值无法改变。const a = 1;a = 2; //error声明时需初始化const a; // error作用域只在块区域内有效if (true) { const a = 1;}console.log(a); //error使用变量前必须声明console.log(a); // errorconst a = 2;不能重复声明...原创 2020-03-22 12:18:02 · 321 阅读 · 0 评论