案例
demo1
<script>
// 1、常量
const str='111'
// 2、块级元素
if(true){
let num=3;
console.log(num);
}
// 3、反引号
var name='张三';
var age=34;
var sex="男";
// var obj="我的名字是"+name+",我今年"+age+"岁,我是"+sex+"生"
// var obj=`我的名字是${name},我今年${age}岁,我是${sex}生`;
var obj=`
<p>我的名字是${name}</p>
我今年${age}岁,我是${sex}生
`;
// 4、解构
var arr={111,222,333,444};
{a,b}=arr;
{a,b,,c}=arr;
console.log(a,b);
console.log(a,b,c); // 111,222,444
// 对象解构
var data={
name:"王五",
age:30,
sex:"男",
job:"前端开发"
}
var {name,job}=data;
console.log(name,job);
// 5、箭头函数
var obj={
name:"王五",
//01
fun:function(){
console.log(name+"first");
},
//02
fun2(){
console.log("second");
},
fun4(){
setTimeout(()=>{
console.log(name+"箭头函数");
})
}
}
obj.fun2();
//03
function fun3(){
}
</script>
demo2
<script>
// 1、遍历集合
var arr={111,222,333,444};
// 01
for(var i=0;i<arr.length;i++){
arr[i]=arr[i]+" ";
}
// 02
var arr2=[]
arr.forEach((item,idx)=>{
console.log("值"+item);
console.log("索引"+idx);
arr2.push(item);
})
// 03
var newArr=arr.map((item)=>{
return item;
})
console.log(newArr);
// 连接两个数组
// 01
arr.concat(arr2);
console.log(arr);
// 02 展开字符
var arr3=[...arr,...arr2];
console.log(arr3);
</script>