一、***********自定义函数Function
1.什么是函数: 需要先定义好,以后可以反复使用的一个代码段
2.何时使用: 不希望打开页面立刻执行,以后可以反复使用,希望用户来触发...
3.如何使用:
1、***创建:2种
1、*【声明方式】创建函数
function 函数名(形参列表){
操作;
return 返回值/结果;
}
2、【直接量方式】创建函数:- 不推荐
var 函数名=function(形参列表){
操作;
return 返回值/结果;
}
感觉到函数名其实就是一个变量名
2、调用:
var 接住返回的结果=函数名(实参列表);
//其实return的本意是退出函数,但是如果return后面跟着一个数据
//顺便将数据返回到函数作用域的外部,但是return只负责返回,不负责保存,所以调用函数时要自己拿个变量来接住他
//就算省略return,默认也有,会return一个undefined
//*具体需不需要得到函数的结果,看你自己:如果有一天你在全局希望拿着函数的结果去做别的操作,那么记得加return
//前辈们提供给你的方法,大部分基本上都加了return
3、***作用域:2种
1、全局作用域:全局变量 和 全局函数,在页面的任何一个位置都可以使用。
2、函数作用域:局部变量 和 局部函数,在【当前函数调用时,内部可用】
带来了变量的使用规则:优先使用局部的,局部没有找全局要,全局也没有那就会报错
特殊点:缺点:
1、千万不要再函数中对着未声明的变量直接赋值 - 全局污染:全局本身没有这个东西,但是被函数作用域给添加上了
2、局部可以使用全局的,但是全局不能使用局部的 - 解决:看上面return
4、***声明提前: - 只会出现在鄙视之中
规责:在程序正式执行之前,将var声明的变量(轻)和function声明的函数(重),都会悄悄的集中定义在当前作用域的顶部,但是赋值留在原地
强调:
声明方式创建的函数会完整的提前(第一种)
直接量方式创建的函数不会完整提前,只有变量名部分会提前(第二种)
何时使用:永远不会自己使用,干扰我们判断的 - 只会在笔试中遇到,为什么平时开发不会遇到呢?
只要你遵守以下规则:
1、变量名和函数名尽量不要重复
2、先创建后使用
5、***重载:
相同的函数名,根据传入的实参的不同,自动选择对应的函数去执行,但是JS不支持,函数名如果重复了,后面的肯定会覆盖掉前面的
目的:减轻我们程序员的压力,记住一个方法就可以执行很多的操作
解决:在【函数内部】自带一个arguments的对象(类似数组对象):不需要我们去创建 - 哪怕没有写任何形参,他也可以接受住所有实参,所以默认你看他length长度为0
固定套路:
1、通过下标去获取传入的某一个实参:arguments[i] - i从0开始
2、通过length去获取到底传入了几个实参:arguments.length
通过判断传入的实参的不同,在内部去写判断,从而变相的实现重载
二、************数组的基础:
问题:保存1000个同学的名字?
var name1="钟清翰1";
...
var name1000="钟清翰1000";
不推荐,变量其实就是我们所谓的内存,变量创建的越多,那么我们的内存空间消耗越大,那么网站性能就会越差
解决:数组:创建一个变量可以保存【多个数据】
数组都是线性排列,除了第一个元素,每个元素都有唯一的前驱元素
除了最后一个元素,每个元素都有唯一的后继元素
***每个元素都有一个自己的位置,称之为叫做下标,下标都是从0开始的,到最大长度-1结束
创建数组:2种
1、*直接量方式:var arr=[];//空数组
var arr=[数据1,...];
2、构造函数方式:var arr=new Array();//空数组
var arr=new Array(数据1,...);
获取数组之中的元素:
数组名[i]
后续添加/替换元素:
数组名[i]=新数据;
如果下标处没人则为添加,如果下标处有人则为替换
数组具有三大不限制
1、不限制元素的类型
2、不限制元素的长度
3、不限制下标越界 - 不是一个好东西
如果获取元素时,下标越界,返回的是一个undefined
如果添加元素时,下标越界,会得到一个稀疏数组,如果我们搭配上我们学过循环去遍历获取每个元素,那么你会得到很多很多undefined
问题:自己数下标,难免会数错,导致我们下标越界
解决:数组中有一个唯一的属性:length
语法:数组名.length
作用:获取到数组的长度,长度是从1开始的
三个固定套路:
1、向末尾添加元素:arr[arr.length]=新数据;
2、获取数组的倒数第n个元素:arr[arr.length-n];
3、缩容:删除倒数n个元素:arr.length-=n;
***遍历数组:
往往很多情况,我们不会拿出某个元素来使用,而是拿出每个元素来进行 相同 或 相似的操作 - 搭配上循环
固定公式:
for(var i=0;i<arr.length;i++){
arr[i];//当前次元素
}
JS由三部分组成:
1、ES3-13 - 逻辑思维,内功心法
2、DOM - Document Object Model - 和页面挂钩了
3、BOM - 一般般以后再说