luo166888的博客

当属性名和变量名相同时，只需写一次即可 const name = 'Laravist'; const age = 2; const birthday = '2015-09'; // 传统写法 const Lavarist = { name: name, age: age, birthday: birthday, // 方法也可以进行简写，传统方法如下 gre...

扩展运算符（ spread ）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列 对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中 例如： const you = ['Gonrge', 'John', 'Thmas'] const old = ['Tom', 'Bom', 'Jelly'] // 整合两个数组 const member...

1.find() 此方法返回通过测试（函数内判断）的数组的第一个元素的值 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。 如果没有符合条件的元素返回 undefined const inventory = [ { name: 'apples', quantity: 2 }, { name: 'bananas', qua...

for of 循环是ES6 提供的一个新的循环语句 传统循环语句 const arr = ["Apple","Banana","Orange","Mango"] for (let i = 0; i < arr.length; i++) { console.log(arr[i]) } // for循环比较繁琐 arr.forEach(arr => { if ...

ES6提供了剩余参数，用法很简单也很方便，语法就是三个点号(…变量名) 例如:…nums 示例： function sum(num, ...numbers) { console.log(num, numbers); //第一个参数获取了1 第二个参数获取剩余2,3,1 } sum(1, 2, 3, 1) // 变量的解构,可以通过剩余参数获取所有解构内容 const player = [...

解构是ES6新加的解构功能，可以使得我们获取数据更方便，从而提高日常编码效率。 1.数组解构 const numbers = ['one','two','three','four'] // 获取前两个值 const [one, two] = numbers; console.log(one,two) // one two // 获取第一个和第三个值 const [one, , three] =...

解构是ES6新加的解构功能，可以使得我们获取数据更方便，从而提高日常编码效率。 1.解构用于变量声明 const Tom = { name: "Tom", age: 25, family: { mother: "Norah", father: "Richard", brother: "Howard" } } const...

1.startsWith() 返回一个布尔值 const num = "546123164979842x"; console.log(num.startsWith(123,3)) //true 此方法用于检测字符串是否以指定的子字符串开始 第一个参数是检查的字符，第二个参数(可选)查找的开始位置，默认为 0 2.endsWith() 返回一个布尔值 const fan = "I LOVE...

1.标签模板字符串 紧跟在一个函数名后面，该函数将被调用来处理这个模板字符串 function person(strings,...values){ const box1 = values.map(value => ` <span>${value}</span> `) let str = ""; strings.forEach(...

1.模板字符串 const person = "Tom"; const age = 13; //传统用法 const sentence1 = person + " is " + age + " 是个学生"; //ES6用法 const sentence2 = `${person} is ${age} 是个学生`; console.log(sentence1) console.log(senten...

1、箭头函数都是匿名函数，无function 声明。 let func = num => {console.log(num)}; func(1) //1 2.箭头函数没有自己的this，它的this继承自其父作用域。 箭头函数的this永远指向其父作用域，任何方法都改变不了，包括call，apply，bind。 //1没有使用箭头函数 const jelly = { name: ...

1.一般方法 function multiply(a,b) { a = a || 5; b = b || 2; console.log(a*b); } multiply() //10 2.ES6 方法 function my(a=5,b=5) { console.log(a*b); } my() //10 // 指定第一个参数 my(3) //15 // 指定第二...

var、let、const三种声明变量方式主要有以下几个区别： 1.var声明的变量有变量提升，let、const声明的变量没有变量提升 console.log(a); // undefined var a = 1; 而let和const没有 console.log(b); // Cannot access 'b' before initialization let b = 20; conso...