调用函数
调用函数有五种方法
- 1.函数调用：函数调用是调用函数的常规方法：
函数名(arg) - 2.方法调用：
- 方法：如果一个对象的属性的值是一个函数，我们就称方法。
- 方法调用是通过对象的属性调用函数：对象.方法() - 构造函数调用：使用new 构造函数() : Number String Array Object Boolean
- 间接调用：指通过函数自身的方法调用函数 call() apply() bind()
- 自调用：函数自己调自己 自执行
(function(){})
函数采纳数的基础知识
参数是什么？
参数是函数调用是，传入到函数体内的值。在函数体内对值进行处理，把处理的结果使用return返回出去。
参数的分类
- 形参：形式上的参数。形参出现在定义函数是。形参是函数体内局部变量。（只不过省略了var声明而已。）英文：parameter => para
- 实参：实际传入的参数。实参出现在调用函数是。实参传入函数体内的值。英文：arguments => args
形参的默认值
示例：形参默认值
function sum(a,b) {
return a + b
}
//JS:定义函数时它不检查参数类型 调⽤函数时不检查参数数量
function sum(a=0, b=0) {
//传统检测参数的⽅法
// if(b){
// return a + b
// } else if(a) {
// return a
// } else {
// return 0
// }
//在繁琐的检测参数的背景下，形参默认值语法出现
return a + b
}
console.log(sum())//NaN => 0
console.log(sum(2))//NaN => b = 0 || 忽略b
console.log(sum(2,9))//11
console.log(sum(2,9,5))//11
剩余参数
剩余参数是什么
- 剩余参数是取代arguments对象的⼀种⽅案。
- 剩余参数⽤于接收多余的实参(实参先传⼊形参，后传⼊剩余参数)。
- 剩余参数是⼀个数组
- 剩余参数是⼀个标识符，标识符前⾯有三个点：
...args - 剩余参数必须放在参数列表的最后⼀位
function sum(a,b,...rest){
//函数体
}
sum(10,20,30,40,50)
实列：找最大数
function max(a,...aaa){
let maxValue = -Infinity
for(n of aaa){
if(n>maxValue){
maxValue = n
}
}
return maxValue
}
let resule = max(1,10,100,1000,-10000)
console.log(resule )//1000
arguments对象
- 示例：利用arguments对象向函数体内传递参数
function sum(){
let len = arguments.length
let sum = 0
for(let i=0;i<len;i++){
sum += arguments[i]
}
return sum
}
let result = sum(4,6)
console.log(result)
- 求和
function sum(a,b,...args){
let num = a + b
for(n of args){
num = num + n
}
return num
}
let result = sum(4,6,3,7,5)
console.log(result)
arguments是什么
- 向函数体内传递实参的第二种方法
- arguments是一个函数体内的内置对象。
- arguments是一个类数组对象
- 通过arguments对象可以访问调用函数时的全部实参
什么时候使用arguments对象？
当实参数目不确定的时候，可以考虑使用arguments对象。但是在新写的代码中应该尽量避免使用它，它效率低且难优化。通常可以将其替换为...args剩余参数。
注意: 箭头函数内不存在arguments对象。
函数的用途
函数的本质工作: 直接赋值代码
值就是数据
函数的本质功能：通过语法定义一种形式，通过这种形式我们可以重复调用代码，从而增强代码的复用性。
函数作为值：把函数看做是数据
把函数赋值给一个变量
let a = function()
{
console.log('hahaha')
}
把函数赋值给对象的属性
let sing = function(){console.log('hahahaha')}
let a = sing
// sing()
// a()
let songs = {zhnagsan:'hello',lisi:'你好'}
let student = {
name: 'zhangsna',
age: 19,
sing,
songs
}
// student.sing()
console.log(student.songs)
把函数赋值给数组元素
let arr = [1,2,student.sing]
把函数赋值给形参
arr.sort()
定义：array.sort()对数组元素就地排序并返回排序后的数组。
语法一：默认的排序方法
array.sort()
不传递参数的情况，使用sort()的工作原理
let arr = [20,3,1,100]
//1 -> 49 2->50 3->51 1 ->49
arr.sort()
console.log(arr);//[ 1, 100, 20, 3 ]
let arr2 = ['d','a',3,'A','y']
arr2.sort()//? [3,'A','a','d','y']
- 按字符编码排序：将数组元素转字符串然后⽐较它们的UTF-16编码
- 默认升序排列
- 如果编码相同，那么按照原有顺序排序
语法二：使用比较函数排序的语法
array.sort(compareFun)
- Compare:⽐较 fun：function函数
- copareFun: 这是ECMAScript的内置函数，内置在sort函数体内。
- 在⽐较两个值的时候，将值发送给⽐较函数，⽐较函数会返回负值、0、正直
a > b => 升序
a < b => 降序
let arr = [20,3,1,100]
arr.sort((a,b) => a > b)//隐式return
console.log(arr);
函数作为命名空间
函数的⽤途：保证函数体内的变量不会污染到全局命名空间
var a = '你好'
;(function (){
//假设下⾯是外来的可复⽤代码，放在函数体内，a就变成了局部变量，避免与外部的全局变量a发⽣冲突
let a = 'hello'
var aa = 'hell'
}())
// console.log(a)
console.log(window.a);//变量a的副作⽤是影响到了window对象，因为在全局下定义的属性都会成为window对
象上的⼀个属性
console.log(window.fn)//变量fn的副作⽤是影响到了window对象，因为在全局下定义的函数都会成为window
对象上的⼀个⽅法
//所以我们可以去掉函数名，添加⼩括号，改成⾃执⾏函数来解决window对象上的副作⽤
;(function(){
let a = 'hello'
var aa = 'hell'
}())
?. （可选链运算符）
- ?. 可以无限链下去，不论有多少属性，只要有最后可以访问到属性，就会直接赋值最后的属性值。否则当任何一个链出现问题，立刻停止，而后赋值undefined。
