菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育
标题:
前端-王卓凡-20230606
[打印本页]
作者:
王卓凡
时间:
2023-6-13 18:17
标题:
前端-王卓凡-20230606
函数的默认值
function add(a = 1, b = 2) {
return a + b
}
console.log(add())//3
console.log(add(10)) //12
console.log(add(10, 20)) //30
解构赋值
数组解构
let [a, b, c] = [1, 2, 3]
console.log(a, b, c)
let [a, b, c, d, e] = [1, 2, 3]
console.log(a, b, c, d, e)
对象解构
let student = {
uname: 'james',
age: 13,
address: '洛杉矶'
}
let { uname, age, address } = student
console.log(uname, age, address)
//别名
let student = {
uname: 'james',
age: 13,
address: '洛杉矶'
}
let { uname: uName, age: uAge, address: uAddress } = student
console.log(uName, uAge, uAddress)
剩余参数
let add = (...arg) => {
let count = 0
arg.forEach(item => {
count += item
})
console.log(count)
}
add(1, 2, 3)
add(1, 2, 3, 4, 5, 6)
剩余参数和解构
let arr = [1, 3, 5, 7, 9]
// let [...a] = arr
// console.log(a)
// let [a, ...b] = arr
// console.log(a)
// console.log(b)
let [a, b, ...c] = arr
console.log(a)
console.log(b)
console.log(c)
扩展运算符
let arr = [1, 3, 5, 7, 9] // 1,3,5,7,9
console.log( ...arr )
//合并两个数组
//方式一
let arr1 = [1, 3]
let arr2 = [2, 5]
let newArr = [...arr1, ...arr2]
console.log(newArr)
//方式二
arr1.push(...arr2)
console.log(arr1)
// 伪数组转成真正的数组
let spans = document.getElementsByTagName('span')
spans = [...spans]
spans.forEach(function (item) {
console.log(item)
})
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)
Powered by Discuz! X3.4