for循环:
for循环的基本概念(个人理解出来的思维):使用for循环时通常是要进行重复的事件,大多数事件又与数字有些关联。
for循环的基本结构:
例:for(var i=0;i<10 ;i++){
执行的for循环代码;
}
1:var i=0;初始值 ,2: i<10;结束条件 ,3:循环的代码, 4: i++更新变量
执行的步骤为 1-2-3-4 ;其中 “1” 只会执行一次为元素赋初始值 之后判断‘2’结束条件,满足执行“3”并继续执行“4”更新变量并判断是否满足条件满足继续“3”“4”’,不满足则退出循环。
写for循环时应注意:
1.基础条件是否满足循环条件,若不满足代码并不会执行。
2.是否有结束条件,若没有就会是一个死循环,也就是无限循环。
3.小彩蛋:如果你的浏览器15秒还没有给你反应,就会自动崩溃哟。
for循环中让循环停止的方法:
continue方法:当次循环遇到continue关键字之后,当次continue之后的代码不会执行。
break方法:当次循环遇break关键字时会直接退出本次循环。
函数:
什么是函数:
函数可以理解成一“块”可以“重复执行”的代码块。
如何定义函数:
function 名称(){
要执行的代码
}
例:
function js(){
alert(“这是一段代码”)
}
如何调用函数:
1.直接在js中调用
例:function js(){
alert(“这是一段代码”)
}
js();
2.可以在html事件属性中调用
例:<h1 οnclick="fun()"></h1>
3.dom1级事件注册
例:btn.οnclick=fun;
4.dom2级事件注册
例:btn.addEventListener('click',fun)
5.函数中调用函数
function play(){
fun();
.....
}
函数的参数:
function say(name) {
alert("我喜欢“+name)
}
say(“小红”)
输出结果为:我喜欢小红;
其中name是形参:也就是形式上的参数,而小红是实参,是实际的参数,函数在执行是会把实参带入函数中替换形参执行代码。
而在函数中有个特殊的变量arguments,类似数组的变量存储函数变量列表
函数的默认参数:
function say(name=‘小兰’) {
alert("我喜欢“+name)
}
say();
此时输出的值会是:我喜欢小兰;
原因:当没有参数传入时默认会使用这个function的name;
匿名函数:
是一个没有名字的函数
在事件中注册匿名函数:
el.οnclick=functon(){}
也可以当做回调函数:
list.forEach(item){})
匿名函数也可以自执行其方法为:
1.(function(){...})()
2. !function(){...}()
函数的作用域:
函数可以访问其父函数作用域的全局变量而在函数外部不能访问函数内部变量