js函数的参数和作用域(学习笔记)

函数的参数:
1.形参相当于变量,因而实参可以存放任何数据类型:数字,字符串,布尔值,函数,对象,未定义等。参数可以有多个,参数之间用,隔开。
2.函数的封装:由顺序,选择和循环三种基本结构组成。
3.函数封装注意事项:
(1)尽量保证html代码结构一致
(2)需要把核心程序实现,再用函数包裹起来
(3)把每组不同的值找出来,通过传参分别实现效果
(4)运算符号不能作参数传递,只能在函数内部通过判断的形式分别执行
作用域:
1.浏览器有读js的解析器,当进去script标签后,
(1)第一步,预解析;找到全局的var和function,先检查function函数名和内容并储存,当发现重名时,后面的函数覆盖前面的函数;在检查var的变量储存并初始化值undefined,但是发现重名时会跳过储存。
(2)第二步:逐行读代码;变量被赋值之前的值是初始化时的undefined,直到读到=、+、-、*、/、%、++、–、!等表达式才会获得新值,而读到函数声明时什么都不会做,直到函数被调用时才会执行其内容代码
2.在script标签里定义的变量时全局变量和函数,若写有两个script标签则是两个域,每个域的解析独立进行:上面的script标签输出不了下面script标签中声明的变量,下面script标签可以输出上面的script标签的声明变量
3.另一个函数的内部也是一个域,因此函数被调用时也会第一时间开始预解析,函数内部的变量时局部变量,该变量会在函数调用结束时销毁。注意:函数内部声明的变量一定要使用var 命令,如果不用的话,实际上声明了一个全局变量。
4.作用域链:在一个域内没有找到某变量时,会由里到外,自上到下去更高级的域中去寻找。
5.注意:if(){}和for(){}的花括号不是域;匿名函数的{}里是一个域;

练习1:做一个根据图片数量生成对应数量按钮,并通过点击按钮控制图片的切换在这里插入图片描述
练习2:在上题的代码中,用传参的方式封装函数,要求并在页面中设置两个图片切换,区别1图片数量不同,区别2切换的方式不同(一个hover效果,一个click效果)在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值