细说函数和数据类型

函数

命名函数——有名字的函数

function getName(username){
 return 'hi '+username;
}

匿名函数——没有名字的函数
```
function (a){
 return a++;
}
```

匿名函数有三种写法：

函数表达式
就是把函数声明赋值给一个变量，用这个变量调用函数

const getNames = function (username) {
  return username + "20岁了";
}

IIFE快速执行函数
立即执行函数，执行完就释放了，不会对全局带来污染，用来创建临时作用域——阅后即焚

console.log((function (APP_NAME) {
  return APP_NAME;
})("商城小程序"));

箭头函数
首先先写一个匿名函数

let f1 = function (a, b) {
  return a + b;
}

用匿名函数转化成箭头函数的关键就是：

去掉function
在参数括号（…）和大括号{…}之间加上胖箭头（=>）

f1 = (a,b){return a+b};

如果函数有一个参数那么还可以继续简化，参数括号可以省略
如果函数只有一条执行语句，那大括号和return也可以省略

let f2 = a => a++;

如果函数没有参数，那么括号不能省略，或用$或_代替

let f3 = () => "输出";
//或
f3 = $ => "输出";
//或
f3 = _ => "输出";

数据类型

基本数据类型（原始类型）

类型	名称	值
number	数值	1,2,3等数字
string	字符串	‘123’
Boolean	布尔类型	true或false
undefined	声明未赋值的值	undefined
null	空对象	null

引用类型

1.数组

const arr=["手机",2,1000];

数组用一对中括号[]包裹起来，数组里可以有多种数据类型的数据，可以嵌套数组，是一个典型的多值类型；
数组的索引从0开始到length-1结束；
数组的类型判断用Array.isArray()函数来判断，如果是则返回true；
2.对象

const obj={name:"手机",num:2,price:1000}

对象更像一个语义化的数组，访问对象属性的方式可以是obj["name"] 也可以是obj.num;
当属性名出现非法标识符时，必须使用数组方式（[]）来正确访问；
本质上来说, 对象, 就是变量与函数的封装, 对象内部, 变量叫属性, 函数叫方法

obj = {
  // name, num, price: 属性, 类似于变量
  name: "手机",
  num: 3,
  price: 7000,
  // total: 方法,实际上还是一个属性,只不过它的值是一个函数
  total: function () {
    // let str = obj.name + " 总计: " + obj.num * obj.price + " 元 ";
    // 模板字面量, 来简化, 内部有变量的字符串
    // let str = obj.name + " 总计: " + obj.num * obj.price + " 元 ";
    // 反引号声明的模板字符串, 可以插入变量/表达式, 这叫"插值"
    // 应该是对象内部, 使用 当前对象的一个引用, 这样才独立于外部对象
    // let str = `${obj.name} 总计 ${obj.num * obj.price} 元`;
    // this: 始终与当前对象绑定(执行环境 /  执行上下文 )
    // this = obj，这样我们在修改对象名称后不会影响内部方法的调用和计算
    let str = `${this.name} 总计 ${this.num * this.price} 元`;
    return str;
  },
};

调用对象里面的方法用 obj.total()；

实际工作中我们用到更多的是对象和数组组合使用的，比如：

// obj是一个由三个对象构成的数组
obj = [
  { name: "手机", num: 2, price: 5000 },
  { name: "电脑", num: 2, price: 5000 },
  { name: "相机", num: 2, price: 5000 },
];

利用高阶函数来计算一下商品总和：

// 求三个商品的总和
let res = obj.map(item => item.num * item.price).reduce((acc, cur) => acc + cur);

3.函数
函数本身是一种数据类型，也是对象
函数当做一种数据类型的好处有：
充当函数的返回值或参数，当参数就是个回调函数，当返回值可以创建一个闭包

function f1(callback) {
    console.log(callback());
}
//函数作为参数，即f1的参数是一个函数
// 调用f1,传一个匿名函数
f1(function () {
    return "hello world";
});
// 函数当返回值，即返回值为一个函数
function f2() {
    let a = 1;
    return function () {
        return a++;
    }
}
console.log(f2());//f2是一个函数
const f = f2();
console.log(f2()());//这种写法也可，返回值1
console.log(f());//返回1
console.log(f());//返回2
console.log(f());//返回3
console.log(f());//返回4

函数当对象来使用时就具备了对象的属性和方法

function func(a, b) {
  return a + b;
}

这样一个函数，我们可以用func.name去获取函数的函数名，func.length来获取函数的参数个数，func.email="myemial@qq.com"来给func函数添加属性，然后用func.email来调用。

js的世界是如此的高深莫测，晦涩难懂，但又有趣又神秘，希望在这片蔚蓝之海不会迷失自己吧。
继续加油！

函数

数据类型

基本数据类型（原始类型）

引用类型

函数当对象来使用时就具备了对象的属性和方法

更多相关文章

随机推荐