js函数类型/匿名函数
程序员文章站
2022-05-26 12:41:19
...
数据类型
原始类型
数字类型number
- 123
字符串类型string
- php
布尔类型boolean
- true
undefined类型undefined
- undefined
null(显示的是object类型)
- null
引用类型
数组array
- const arr = [‘1’,2];
- 数组访问 arr[1];
对象object
- const obj = {name:”1”,num:2}
- 对象访问 obj[‘name’];
- 对象访问2 obj.name
数组对象
obj = [
{name:'1',num:2},
{name:'2',num:2},
{name:'3',num:2},
]
函数(也是对象类型)
- 命名函数
// 声明
function name(参数){
//返回数据
... return;
}
// 调用
name(参数);
- 匿名函数
// 声明
function (参数){
... return;
}
// 立即执行(IIFE,一次性)
(function (参数){
console.log(...);
})(参数调用)
//变量声明
const getName = function (参数){
... return;
}
//调用
getName();
- 箭头函数
// 声明
// this 普通函数 调用时确定
// this 箭头函数 声明时确定
const getName = (参数)=>{
… return;
}
// 调用
getName(); - 模板函数
function total(strings,num,price){
console.log(strings);
//其他的字符串会跑到这来
//['',' * ','的总金额',' 元 ']
console.log(num,price);
// 10 20
}
let num = 10;
let price = 20;
//调用模板函数
total`${num} * ${price}的总金额: ${num * price} 元`;
////////////
//优化
function sum(strings,...args){
console.log(strings);
console.log(args);
console.log(`${args.reduce((a,c)=>a+c)}`);
}
//调用
sum`计算多个数和:${1}${2}${3}${4}`
函数使用场景
- 如果函数需要多次调用, 用命名, 函数表达式, 都可以
- 如果代码要求,必须遵循”先声明, 再调用”的规则, 那就必须用”函数表达式”
- 如果只有完成一些特定的,一次性的工作, 不想留下任何痕迹, 用”IIFE”, 模块
- 如果调用函数时,需要一个函数充当参数,例如:回调, 就可以使用箭头函数来简化 匿名函数的 声明