JaveScript函数(JS知识点归纳六)
1.函数的基本使用
a)作用:代码的复用,灵活性比较强
b)声明方式:function 名 (形参){函数体}
c)调用: 名(实参);
d)封装函数--书写一个函数的结构,而且放入一些功能,在需要使用的时候直接调用函数名字
e)参数:--形参+实参
1)形参:书写在函数体的小括号,是函数内的变量,不需要声明,默认值是undefined
2)实参:书写在函数调用的小括号,用于给形参传值
3)多个参数使用逗号分隔
f)当一个函数的整体功能是一定的,但是内部的值不确定的时候,可以使用参数
g)返回值的设置
1)在函数体外使用函数的计算结果 设置返回值
2)语法: return 值;
3)接受方式:通过函数的调用,调用本身就是返回值
4)return的其他作用: 结束函数的执行--跳出函数
5)函数没有设置返回值,默认是undefined
2.作用域
a)全局变量:声明在全局作用域的变量,在任意位置都可以进行访问
b)局部变量:声明在某个局部的作用域中,只能在声明这个变量的局部作用域中访问
3.预解析
注意:与解析在每个作用域代码执行前都会发生
1)查找当前作用域中的var变量声明,将声明提升到当前作用域顶端,赋值保留在原地;
2)查找当前作用域中的function函数声明语句,将函数整体提升到当前作用域顶端,调用保留
注意:
1)全局作用域的预解析在页面加载的时候执行
2)局部作用域的预解析在调用时进行执行
不规则的声明方式:
1)单个变量--不加var
2)多个变量--连续赋值 var n1=n2=n3=1;
4.变量的访问规则--作用链域的访问规则
1)在当前作用域查找,找到--使用
2)没有找到--查找上级作用域,找到--使用
3)依次往复
4)到全局作用域后,使用方式不同,结果不同
a)取值--直接报错
b)赋值--声明一个全局变量
5.参数的值传递--实参给形参传值的方式--采用值传递(复制)方式
a)实参为复杂数据类型时,函数的功能那个是内部直接处理实参数据,不需要设置返回值
b)接收的返回值数组和原数组实际上还是同一个数据的时候,没有必要接收
注意: 封装函数用于计算任意数组中的和---设置返回值
封装函数对数组进行排序,不需要设置返回值
6.函数的多种声明方式
1)函数声明语句 function 名( ){ }
2)函数表达式 var fun= function (){}
函数表达式是在预解析阶段参与的是变量提升的规则,所以无法再声明之前进行调用操作
7.匿名函数的使用--没有函数名的函数 --无法单独使用 function( ){ }
用法:
a)将匿名函数保存在变量中做为函数表达式使用 var fun = function( ){ }
b)做为自调用函数的形式使用 (function(){ 函数体--只能在书写的位置执行一次})(调用)
作用:
1)用于包裹作用域降低变量名的难度
2)提高变量访问时的访问效率
3)JS高级--给每个功能套用一个自调用函数
c)将匿名函数做为回调函数使用
d)将匿名函数做为函数的返回值使用--函数做为另一个函数的返回值使用(命名函数+匿名方式)
8.将一个函数做为另一个函数的参数使用
a)当一个函数的整体功能一定,但是内部的某些值不确定时,可以传入参数
b)一个固定功能的函数中,不仅仅是某个值不确定,而是某段代码功能不确定将函数做为参数传递
9.回调函数
a)将一个函数作为另一个函数的参数使用时,称之为回调函数
b)使用场景:当一个函数整体功能一定时,内部的某段功能呢不确定时,可以使用回调函数
1)将命名函数做为函数传递
2)要传递的实参值是一个函数,使用匿名方式传参
10.函数的数据类型-typeof==function
11.arguments的使用
a)只能在函数内部使用
b)是一个数组形式的数据,伪数组结构(类数组结构)
c)内部保存了本次调用传入的所有实参
练习:对传入的所有实参进行求和
function fun (a,b){
var sum = 0 ;
for (var i = 0 ; i <arguments.length;i++){
sum += arguments[i];
}
console.log(sum);
}
fun(1,2,3,4,5,6,7,8,8,9);
12.函数重载的模拟--使用传入的参数个数不同
function fun(){
//通过判断argument.length属性的值去进行函数重载的模拟
var len=arguments.length;
if(len===2){
.....
}
}
fun (1,2,3);
13.构造函数
1)使用--通过new调用的函数,就是构造函数(作用-创建对象)
2)书写一个构造函数
a)命名要求---首字母大写
b)调用前一定要加new
c)只要通过this给创建的对象设置属性和方法
3)在构造函数内部使用return的效果说明
a)返回值为基本数据类型:会被忽略
b)返回值为复杂数据类型:这个复杂数据类型值会替换掉原有的对象 PS: 2018年,努力!!!
JaveScript函数(JS知识点归纳六)的更多相关文章
- JaveScript运算符(JS知识点归纳三)
JaveScript中有许多的运算符,在这里就只说明一些需要注意的. 01 一元运算符 一元:指的是参与运算的操作数只有一个 最经常使用的是++ -- 计算规则: ++/-- 前置于操作数的时候 ...
- JaveScript对象(JS知识点归纳七)
1.JS中的对象表示的是一个具体的事物. a)静态的特征=>对象的属性 b)动态的行为=>对象的方法=>保存的值==>函数 2.对象的创建方式 a)构造函数的创建方式 ``` ...
- JaveScript数组(JS知识点归纳五)
1.概念 a)作用--用于保存多个数据,便于对数据的使用 b)数组元素--数组中的数据 c)索引--数组中的元素按照下标(数值)的方式排列(从0 开始),依次递增(也有可能是字符串的类型--不用) d ...
- JaveScript简单数据类型(JS知识点归纳二)
JS中的简单数据类型有五种 : --> string --> number -->boolean --> null -->undefined 数据类型的检测 :typeo ...
- JaveScript变量的简介及其变量的简单使用(JS知识点归纳一)
变量简介 "变量是一个容器" 为什么要有变量? 程序的执行过程中,会使用到许多的数据(用户输入的内容,动态效果的运动数据等),当这些数据需要重复在多个地方使用的时候,就需要一个容器 ...
- JaveScript内置对象(JS知识点归纳八)
1)JS自身提供的方式 用于对数据进行简便的操作,根据方法可以操作的数据类型不同,形成了不同的对象--内置对象 2)数组 a)基本操作方法--对数组进行修改 从数组最后进行操作 1)数组.push ...
- JaveScript流程控制(JS知识点归纳四)
01 流程控制 顺序结构: 程序的默认执行方式 条件判断语句:也称之为分支结构,选择结构:如果程序要执行的代码出现了多种情况需要使用 循环结构:当代码需要多次重复执行多次时,使用 02 条件判断语句 ...
- Node.js知识点学习
Node.js知识点学习 一.基本概念 Node.js,或者 Node,是一个可以让 JavaScript 运行在服务器端的平台.可以说,Node.js开创了javascript模块化开发的先河,早期 ...
- 【重走Android之路】【路线篇(二)】知识点归纳
[重走Android之路][路线篇(二)]知识点归纳 参考:http://blog.csdn.net/xujing81/article/details/7313507 第一阶段:Java面向对 ...
随机推荐
- phpmailer的SMTP ERROR: Failed to connect to server: 10
请问,我在win7上学习使用phpmailer时,出现这种错误怎么处理啊? SMTP ERROR: Failed to connect to server: (0) SMTP connect() fa ...
- Python-Blog1-搭建开发环境
注:本系列是根据廖雪峰python实战过程,详情可见(https://www.liaoxuefeng.com/) 环境准备 Python 版本:Python 3.X,查看python版本python ...
- Android 双卡获取当前使用流量在线卡的信息
最近接触了一个项目,需要获取在线流量卡的信息,下面的方式,可以获取大部分手机的正确手机卡信息. 一 获取获取IMEI public static String getDeviced(int solt ...
- enum 操作
body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...
- error: stray '\357' in program编程出错的总结
错误: 编译报错:error: stray '\357' in program 原因:在程序中打入了全角字符 具体分析产生原因: 在编程中,由于打字的快速,按下ctrl键后紧接着按下了space键 ...
- SerialChart串口示波器的成功调试
2018-01-1601:29:06 深夜更新一波串口示波器! http://t.cn/RQMA3uq 心得体会 总之将数据输出设置为","分割的形式即可 重点注意事项!!!! m ...
- Django_xamdin安装与使用
有比Django更加强大的admin? xadmin? pip install xadmin 如何让xadmin生效? 新增两个注册app,xadmin,crispy_forms,通过run mana ...
- javabean内省
何为JavaBean? JavaBean 是一种JAVA语言写成的可重用组件.为写成JavaBean,类必须是具体的和公共的,并且具有无参数的构造器.JavaBean 通过提供符合一致性设计模式的公共 ...
- test for python socket
server: #!/usr/bin/python import socket import threading import time def tcplink(sock, addr): print ...
- css中 padding属性的数值赋予顺序为
4种可能的情况,举例说明:padding:10px; 四个内边距都是10pxpadding:5px 10px; 上下5px 左右10pxpadding:5px 10px 15px; 上5px 右10p ...