javascript中的函数与数据类型初体验

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=function(name){
  return "hello"+name
  };

  可以简化成f2=name=>”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());