React教程(2023-1-15)

第一章：JavaScript复习

1.变量

//1.三种声明方式中 定义优先使用的是const  如果希望有变量被改变则使用let 至于var最好不要在代码中出现



/*
*
*       var：
*           --没有快作用域
*
*       let：
*           --有快作用域
*
*       const
*           --和let类似  具有快级作用域 但是它只能赋值一次
*           --使用场景  就是对一些常量可以使用这个关键字
*                       对函数，对象使用这个声明 就可以保证函数(对象)不会被修改
* */

{
    var a=20//这个时候会报错  a没有快作用域

}

var a=20

function fn(){

    var b=90

}

{

//    使用let
    let b=190

}

for (var i = 0; i < 10; i++) {
    console.log("在循环内部可以访问",i)
}

console.log("在循环外面访问",i)



//const

const PI=3.14
console.log(PI*45.878)



const obj={
    name:"孙悟空",
    age:'12'
}

console.log(obj.name)


const fn1=function (x,y) {
    return x+y


}
console.log(fn1(2,2));

console.log(typeof fn1())

2.解构赋值

//1.解构赋值
let a,b;
let arr=['吴邪','张启山','解雨臣','张起灵','越想越','赵子龙']

a=arr[0]
b=arr[1]


console.log(a,b);

//使用解构赋值
[a,b]=arr;
console.log(a,b)

const [x,y]=arr;//声明的同时在赋值
function fn(){
    return ['吴邪','黑瞎子']
}
console.log(fn());
//剩余参数
const [l,k,...c]=arr;//这个三个点 就是表示把数组中的元素全部赋值过去
console.log(l,k,c)
//对象的解构
const obj={
    name:'吴邪',
    age:19,
    gender:'男'
};

let u,i,o;


//传统赋值--
u=obj.name;
i=obj.age;
o=obj.name;
console.log(u,i,o);


//对象解构
    ({name:u,age:i,gender: o}=obj)//将name赋值给u 将age赋值给i
console.log(u,i,o);

//变量名和属性名一致
const {name,gender,age}=obj
console.log(name,age,gender);



//利用数组的解构交换变量的位置
let v=10;
let s=90;

 [v,s]=[s,v];

console.log("交换后：",v,s)

React03.展开