ES6初学小节总结

本文详细介绍了JavaScript中的const、let与var的区别,以及解构赋值的多种用法,包括默认值、剩余运算符和不完全解构。同时,讲解了事件绑定、背景颜色改变及随机数生成。此外,还探讨了对象的解构赋值和指数运算符的使用。
摘要由CSDN通过智能技术生成

const 的作用:用于创建常量。(常量指的是固定不变的量)

var可以重复命名变量名,let不可以重复命名变量名。

let的特性:不能够重复定义;不存在变量提升;存在块级作用域;不存在作用域链问题。

绑定单击事件的标签:

document.getElementsByClassName()

改变背景颜色:

this.style.backgroundColor = ' ' // this表示当前这个对象

Math.random() //随机生成0-1之间的随机数,不包含0和1

解构赋值的基本使用:let [a,b,c]=[12,20]

不完全解构:

1.变量名比等号右侧的值少,且没有其他特殊处理的话,多出的值会被忽略

let [a,b,c] = [10,15,17,23,31] //结果:a 10 ,b 15 ,c 17

2. 变量名比等号右侧的值多,多出的变量名值为undefined

let [a1,b1,c1] = [10,15] // 结果:a1 10,b1 15 ,c1 undefined

3. 剩余运算符(...) ,会将剩下的值以数组的方式存储到c2变量中

let [a2,b2,...c2] = [10,15,17,23,31] //结果:a2 10 ,b2 15 ,c2 17 23 31

4. 默认值,当等号左侧的变量设置了默认值,在等号右侧又可以找到匹配的值,那么变量的值使用等号右侧匹配的值

let [a3,b3,c3='default'] = [10,15,'zhangsan']

console.log(c3); // 结果:zhangsan

let [test = 12] = [undefined];

console.log(test); // 结果为 12

let [test1 = 12] = [null];

console.log(test1); // 结果为 null

对象的解构赋值:

a. 等号左侧要使用花括号({})包裹变量名

b. 变量名要和对象中要要解构的属性名保持一致

c. 等号右侧就是要解构的对象

let obj1 = {

        name:"张三",

        age:18,

        sex:1,

        study:function(){}

}

let {name,age} = obj1

console.log(name);

指数运算符 符号 :**

5的3次方(5**3)

指数赋值运算符 符号: **=

a**=4等价于a=a**4

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值