Blogger Information

Blog 13

fans 0

comment 0

visits 6509

Special Recommendation

More>

Related recommendations

常用函数类型

1. 命名函数

2. 匿名函数

3. 箭头函数，用来简化匿名函数的声明

运行效果图

代码

<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='UTF-8' />
    <meta http-equiv='X-UA-Compatible' content='IE=edge' />
    <meta name='viewport' content='width=device-width, initial-scale=1.0' />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 1. 命名函数
      function getName(username) {
        return 'hello' + username;
      }
      console.log(getName('吴彦祖'));
      // 2.1 匿名函数
      // 第一种声明方式，将匿名函数当成值赋给一个变量
      let getUserName = function (username) {
        return 'hello' + username;
      };
      console.log(getUserName('陈冠希'));
      // 2.2 第二种方式将声明与调用二合一：立即调用函数，IIFE
      // 表达式，是用一对括号包住的
      console.log(
        (function (username) {
          return 'hello' + username;
        })('刘德华')
      );
      // 2.3 箭头函数，用来简化匿名函数的声明
      function sum(a, b) {
        console.log(a + b);
      }
      sum(1, 2);
      // 改成箭头函数
      // 将命名函数改成了匿名函数
      let add = function (a, b) {
        console.log(a + b);
      };
      add(3, 4);
      // 使用箭头函数来简化匿名函数
      // =>（胖箭头)，->（瘦箭头）
      // 转换方法
      // 1. 去掉function
      // 2. 在参数列表与大括号之间使用'=>'
      acc = (a, b) => {
        console.log(a + b);
      };
      acc(5, 6);
      // 如果只有一个参数，可以不写参数列表的括号
      acc1 = (a) => {
        console.log(a + 1);
      };
      acc1(9);
      // 如果没有参数，括号必须加上
      acc2 = () => {
        console.log(1 + 2);
      };
      acc2();
      // 如果函数体只有一条语句，大括号都可以不用
      acc3 = () => console.log(7 + 8);
      acc3();
    </script>
  </body>
</html>

数据类型

原始类型: number, string, boolean,undefined, null

1. 数组

2. 对象

3. 函数

效果图

代码

<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='UTF-8' />
    <meta http-equiv='X-UA-Compatible' content='IE=edge' />
    <meta name='viewport' content='width=device-width, initial-scale=1.0' />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 1. 原始类型: number, string, boolean,undefined, null
      console.log(1 + 1);
      // typeof 查看数据类型
      console.log(typeof 1 + typeof 1);
      console.log('hello' + 'world');
      console.log(typeof ('hello' + 100));
      // 引用类型，array , object , function
      // 1. 数组
      const arr = [1, 'admin', [1, 2, 3], true];
      console.log(arr);
      // 访问数据元素,必须通过数组的引用(数组名称arr)来访问(arr是一个访问入口)
      // 数组成员 的索引是从0开始
      console.log(arr[1]);
      console.log(arr[2][1]);
      console.log(Array.isArray(arr));
      // 对象
      let obj = {
        id:1,
        username:'吴彦祖',
        num:[1,2,3],
        isOK: true,
        'my email':'84451879@qq.com',
      }
      console.log(obj['username']);
      // 为了简化，并与数组区别，对象有自己的成员访问符：.
      console.log(obj.id);
      console.log(obj['my email']);
      function getUser(obj) {
        return 'id =' + obj.id + ', username =' + obj.username;
      }
      console.log(getUser(obj));
      // 对象是可以将数据与函数封装到一起，做为一个独立的编程单元
      // 对象字面量
      obj2 = {
        id:2,
        username:'陈冠希',
        isOK:true,
        'my email':'84451879@qq.com',
        // 将一个函数转为对象的方法，封装到对象中
        getUser: function(){
          // 在对象中，使用变量this来引用对象自身
          return 'id =' + this.id + ',username =' +this.username;
        },
      };
      console.log(obj2.getUser());
      // 函数
      // 函数是对象，也是一个值，可以当成参数传递，也可以当成返回值
      console.log(typeof
        function() {});
        function f1(callback) {
          console.log(typeof callback);
          console.log(callback());
        }
        f1(function() {
          return 'hello 犀利哥';
        });
        // 函数返回值：闭包
        function f2() {
          // a是 f2的私有变量
          let a = 1;
          return function() {
            // return (a += 1);
            // 而此时，子函数中的a并不是自己的，是父函数的
            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())
        // 函数就是对象，对象就可以添加属性和方法
        let f3 = function() {};
        f3.myemail = '84451879@qq.com';
        console.log(f3.myemail);
        f3.getEmail = function() {
          console.log(this.myemail);
        };
        f3.getEmail();
    </script>
  </body>
</html>

Correcting teacher：

PHPz

Correction status：qualified

Teacher's comments：

Statement of this Website

The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!

All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement

0 comments

Author's latest blog post

布局实战代码

2022-03-28 12:57:53

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial