1.let和var的区别
1.1本质上没有什么区别都是可以定义变量,不过,在ES6之前只有var定义变量
1.2作用域不同
var是函数作用域,let是块作用域。在函数中声明了var,整个函数内都是有效的,比如说在for循环内定义的一个var变量,实际上其在for循环以外也是可以访问的,而let由于是块作用域,所以如果在块作用域内定义的变量,比如说在for循环内,在其外面是不可被访问的。
代码:
for(let i=0;i<2;i++){
}
console.log(i)
运行结果:
代码:
for(let i=0;i<2;i++){
}
console.log(i)
运行结果:
2.for循环
2.1 定义变量,判断条件是否符合,如果符合只想下面的index,index++l
for (let index = 0; index < array.length; index++) {
const element = array[index];
for(let i=0;i<2;i++){
}
流程图:
3.函数的执行
3.1定义一个函数
function函数名(形参){
函数体
}
3.2 示例
function player(){
let name = 1
console.log('播放了');
}
player()
player()
player()
player()
player()
运行结果:
4.函数传参
4.1基本传参
function editBody(str) { // 函数()里面的叫形参 接受传过来的值
document.write(str)
}
editBody('涛哥今天很帅') // 调用方法里面的叫实参 实参是要传给函数的值
4.2多函数传参
和基本传参相比就是形参内定义多个参数
function add(num1,num2) {
console.log(num1 * num2);
}
add(5,6)
4.3再有一个就是不传参的情况
function add(num) {
console.log(num);
console.log(num * 5 ); // undefined 和 数字类型计算 就会变成 NaN
}
add()
console.log('5' * 6);
运行结果:
4.4函数返回值,利用return
function add(num1,num2) {
return num1*num2 // return 后面跟要返回的值 如果不写return 拿到的是 undefined
}
const res = add(5,6) // 记得外面要用变量接收
const res1 = add(8,9) // 记得外面要用变量接收
console.log(res,res1);
5.对象
5.1创建对象,说白了就是在{}内放一些数据,就好比一个屋子里面放的很多东西可以这样理解,屋内的东西就是“数据”,屋子就是“{}”,对象可以为空,就是不放东西。
例子:
// 格式:
// 声明 变量名 {
// 属性名:属性值
// }
let obj = {
name :'xioage', //键:值 键值对
age : 22 ,
address: '河北保定',
}
5.2 用type of来判断类型
例子:
let num = 41545
let str ='4444'
let obj = {}
let falg = null // 空对象
console.log(typeof num);
console.log(typeof str);
console.log(typeof obj);
console.log(typeof falg);
console.log(typeof 444);
运行结果:
5.3 Math方法:提到几个常用的,更多的可以自己百度,在这里不在一一介绍
let num = 11.11
console.log(Math.floor(num)); // 向下取整
console.log(Math.ceil(num)); // 向上取整
console.log(Math.abs(-111)); // 绝对值
运行结果:
6.数组
6.1数组跟对象很像区别就是,数组写在【】内,数组的定义格式 声明 变量名 = [值,值]。
代码:
let arr1 = [1,2,3,4,5]
6.2数组常用的几个方法
push:在数组最后添加一个元素,pop:在删除末尾元素,shift:删除第一个元素,unshift在最前面添加一个元素。
展示一个push,其他的相同用法
let arr = [1,2,3,4,5]
arr.push(6)
console.log(arr);
运行结果:
6.3数组的for循环
let array = [12,3,5,8,9]
// console.log(array[0]);
for (let index = 0; index < array.length; index++) {
// console.log(index ); //索引
// array[0]
// array[1]
// array[index] array[2]
// array[3]
// array[4]
console.log(index , array[index]); // 0、1 / 12、3、5.。
}
运行结果: