欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-13 12:40:29
...

javascript中的函数

命名函数

  • 使用动词 + 名词进行命名,
  • 函数需要先声明在使用,声明方法如下:
  1. function getName(username) {
  2. return "Hello " + username;
  3. }
  4. console.log(getName("猪老师"));

匿名函数

  • 匿名函数: 函数表达式, 将函数声明保存到一个变量中, 以后使用这个变量来引用这个函数例如下列代码
  1. let f1 = function (a, b) {
  2. return a + b;
  3. };
  4. console.log(f1(10, 20));

立即执行函数( IIFE )

  • 立即执行函数( IIFE ): 声明 + 执行 2合1,例如下列代码
    1. (function (username) {
    2. console.log("Hello " + username);
    3. })("灭绝老师");

函数表达式

  • 指的是:任何一个可以计算出确定 “值” 的过程,例如下列代码
  1. const getUserName = function (username) {
  2. return "Hello " + username;
  3. };

箭头函数

  • 使用 箭头函数 来简化匿名函数的声明,例如下列代码
  1. let f1 = function (a, b) {
  2. return a + b;
  3. };

可以简化成f1=(a,b)=>a+b

  • 参数只有一个得情况下,括号也可省略例如
    1. f2=function(name){
    2. return "hello"+name
    3. };
    可以简化成f2=name=>”hello”+name

数据类型

原始类型

  • 原始类型数据有:number(数字), string(字符串), boolean(布尔), undefined, null这些类型

    引用类型

  • 引用类型, 都是对象, 默认返回 object ,函数除外函数返回function
  • 如下代码声明了一个数组类型,并且访问数组数据
  1. const arr = ["手机", 2, 5000];
  2. console.log(arr[0]);
  3. console.log(arr[1]);
  4. console.log(arr[2]);
  • 对象:更像一个语义化的数组例如下列代码声明了一个对象,并且访问对象中得数据
  1. let obj={name:"phone",price:500,num:5000}
  2. console.log(obj.name, obj.num, obj.price);
  • 函数:是一种数据类型 , 并且 还是 对象
  • 可以当成普通值来使用, 例如充当函数的参数,或者函数的返回值,当参数,就是回调函数, 当返回值,可以创建一个闭包
  • 场景1,函数做为参数使用, 回调
  1. function f1(callback) {
  2. // 参数 callback 是一个函数
  3. console.log(callback());
  4. }
  5. f1(function () {
  6. return "Hello 朱老师";
  7. });
  • 应用场景2: 函数当成返回值, 闭包
  1. function f2() {
  2. let a = 1;
  3. return function () {
  4. return a++;
  5. };
  6. }
  7. console.log(f2());
  8. const f = f2();
  9. console.log(f);
  10. console.log(f());
  11. console.log(f());
  12. console.log(f());
  13. console.log(f());
  14. console.log(f());
  15. console.log(f());