javascript中的函数与数据类型初体验
程序员文章站
2022-03-13 12:40:29
...
javascript中的函数
命名函数
- 使用动词 + 名词进行命名,
- 函数需要先声明在使用,声明方法如下:
function getName(username) {
return "Hello " + username;
}
console.log(getName("猪老师"));
匿名函数
- 匿名函数: 函数表达式, 将函数声明保存到一个变量中, 以后使用这个变量来引用这个函数例如下列代码
let f1 = function (a, b) {
return a + b;
};
console.log(f1(10, 20));
立即执行函数( IIFE )
- 立即执行函数( IIFE ): 声明 + 执行 2合1,例如下列代码
(function (username) {
console.log("Hello " + username);
})("灭绝老师");
函数表达式
- 指的是:任何一个可以计算出确定 “值” 的过程,例如下列代码
const getUserName = function (username) {
return "Hello " + username;
};
箭头函数
- 使用 箭头函数 来简化匿名函数的声明,例如下列代码
let f1 = function (a, b) {
return a + b;
};
可以简化成f1=(a,b)=>a+b
- 参数只有一个得情况下,括号也可省略例如
可以简化成f2=name=>”hello”+namef2=function(name){
return "hello"+name
};
数据类型
原始类型
- 原始类型数据有:number(数字), string(字符串), boolean(布尔), undefined, null这些类型
引用类型
- 引用类型, 都是对象, 默认返回 object ,函数除外函数返回function
- 如下代码声明了一个数组类型,并且访问数组数据
const arr = ["手机", 2, 5000];
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
- 对象:更像一个语义化的数组例如下列代码声明了一个对象,并且访问对象中得数据
let obj={name:"phone",price:500,num:5000}
console.log(obj.name, obj.num, obj.price);
- 函数:是一种数据类型 , 并且 还是 对象
- 可以当成普通值来使用, 例如充当函数的参数,或者函数的返回值,当参数,就是回调函数, 当返回值,可以创建一个闭包
- 场景1,函数做为参数使用, 回调
function f1(callback) {
// 参数 callback 是一个函数
console.log(callback());
}
f1(function () {
return "Hello 朱老师";
});
- 应用场景2: 函数当成返回值, 闭包
function f2() {
let a = 1;
return function () {
return a++;
};
}
console.log(f2());
const f = f2();
console.log(f);
console.log(f());
console.log(f());
console.log(f());
console.log(f());
console.log(f());
console.log(f());