Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 0402作业
Blogger Information
Blog 13
fans 0
comment 0
visits 5899
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
0402作业
　
Original
373 people have browsed it

闭包

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <script>
  11.       //   let a = 89;
  12.       //   let b = 86;
  13.       //   let c = 90;
  14.       //   function sum(b, a) {
  15.       //     //内部变量
  16.       //     return b + a + c;
  17.       //   }
  18.       //   console.log(sum(29, 344));
  20.       function demo1() {
  21.         let email = "80883341@qq.com";
  22.         return function child() {
  23.           return email;
  24.         };
  25.       }
  26.       alert(demo1()());
  28.       //   function demo2() {
  29.       //     let a = "2121";
  30.       //   }
  31.       //   alert(demo2);
  32.     </script>
  33.   </body>
  34. </html>

遍历数组

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <script>
  11.       let colors = ["red", "blue", "green"];
  12.       for (i = 0; i < colors.length; i++) {
  13.         console.log(colors[i]);
  14.       }
  15.     </script>
  16.   </body>
  17. </html>

静态方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <script>
  11.       // 无需实例化(new)直接使用类名.方法调用
  12.       class Users {
  13.         constructor(name, email) {
  14.           this.name = name;
  15.           this.email = email;
  16.         }
  17.         show() {
  18.           return {
  19.             names: this.name,
  20.             emails: this.email,
  21.             age: this.#age,
  22.           };
  23.         }
  25.         static fetch() {
  26.           return this.UserName;
  27.           return this;
  28.           return "static+++++function";
  29.         }
  30.         //私有成员
  31.         #age = 50;
  33.         // 静态变量
  34.         static UserName = "灭绝诗美";
  36.         // 访问器属性：伪装成属性的方法    有get  set
  37.         get age() {
  38.           return this.#age;
  39.         }
  40.       }
  41.       const Account = new Users();
  42.       console.log(Account.show());
  43.       console.log(Users.#age);
  44.       console.log(Users.age);
  45.       // console.log(Users.fetch());
  46.       // console.log(Users.UserName);
  47.     </script>
  48.   </body>
  49. </html>

类与继承

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <script>
  11.       //   function User(name, pass) {
  12.       //     this.name = name;
  13.       //     this.pass = pass;
  14.       //     this.show = function () {
  15.       //       return { name: this.name, email: this.email };
  16.       //     };
  17.       //   }
  18.       //   const user = new User("kowal", "kowalpass");
  19.       //   console.log(user);
  21.       function User(name, pass) {
  22.         this.name = name;
  23.         this.pass = pass;
  24.         // this.show = function () {
  25.         //   return {
  26.         //     name: this.name,
  27.         //     email: this.email,
  28.         //   };
  29.         // };
  30.       }
  31.       User.prototype.show = function () {
  32.         return { name: this.name, pass: this.pass };
  33.       };
  34.       const user = new User("kowal", "mima");
  35.       console.log(user);
  36.       console.log(user.show());
  37.       const user1 = new User("pter", "jmvnnnnn");
  38.       console.log(user1);
  39.       console.log(user1.show());
  40.     </script>
  41.   </body>
  42. </html>

原型

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <script>
  11.       // function f1() { // return "eeee"; // }      alert(f1());
  12.       // 任何一个函数都是对象，都有一个共通属性【prototype】
  13.       // 何为原型：原型=父盒，提供原始参数，子元素可以继承父元素的原型属性
  14.       //函数作为基本函数使用时  prototype属性基本无用，但依然作为函数的初始化属性
  15.       // 当一个函数作为构造函数使用时，必须使用“new”关键字进行区别
  17.       //   通过构造函数创建对象的过程为  对象实例化
  18.       //   对象实例化后的对象可以看作为一个类
  20.       //建立函数
  21.       function User() {
  22.         name = "kowal";
  23.         ID = 80887765;
  24.         pass = '90872udhn"';
  25.       }
  26.       //   当成普通函数进行调用;
  27.       const user = User();
  28.       //   console.log(user);
  29.       console.dir(user);
  31.       //   *******??当成构造函数调用  此时需用new关键字********
  32.       const xcv = new User();
  33.       console.dir(xcv);
  34.     </script>
  35.   </body>
  36. </html>

对象

  1. <!-- <!DOCTYPE html> -->
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <script>
  11.       class User1 {
  12.         constructor(name, email) {
  13.           this.name = name;
  14.           this.email = email;
  15.         }
  16.         show() {
  17.           return {
  18.             name_show: this.name,
  19.             email_show: this.email,
  20.           };
  21.         }
  22.         get age() {
  23.           return this.age;
  24.         }
  25.         #age = 50;
  26.       }
  28.       const Account1 = new User1("天彭老师", "80883341@qq.com");
  29.       const Account2 = new User1("kowal", "5677765@qq.com");
  30.       //   console.log(Account);
  31.       //   console.log(typeof Account);
  32.       //   console.log(typeof User1);
  33.       //   console.log(Account.show());
  34.       console.log(Account2.age());
  35.       //   console.log(Account2.show());
  36.       //   console.log(Account1.show());
  37.     </script>
  38.   </body>
  39. </html>

函数作用域

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <script>
  11.       // 函数作用域
  12.       let site = "PHPCN"; //全局site变量
  13.       function getSite() {
  14.         let site = "JDSC"; //函数内site变量
  15.         return site;
  16.         // 函数作用域查询的过程中，就拿site变量为例，查询中先以自身作用域内做检查，如果用site变量则返回该值，如果检查不到该变量则继续向外查询
  17.         // 如果最后查不到该site变量那么提示undefind  未定义   这个过程叫做作用域链
  18.         let domain = "baidu.com"; //私有变量，domain变量为内部变量，仅限于作用域内访问外部不可调用
  19.       }
  20.       // alert(getSite());
  21.       alert(getSite());
  22.     </script>
  23.   </body>
  24. </html>

while循环

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <script>
  11.       // const colors = ["red", "grenn", "blue"];
  12.       // let j = 0;
  13.       // while (j < colors.length) {
  14.       //   j++;
  15.       //   console.log(colors[j]);
  16.       // }
  18.       // 对象遍历  For-IN
  20.       // const OBJEC = {
  21.       //   name: "kowal",
  22.       //   phone: "13082899878",
  23.       //   shooe: "Nike",
  24.       //   ID: 988898,
  25.       // };
  27.       // for (let xh in OBJEC) {
  28.       //   console.log(OBJEC[xh]);
  29.       // }
  31.       for (let i = 0; i <= 100; ) {
  32.         console.log(i);
  33.         i++;
  34.       }
  35.     </script>
  36.   </body>
  37. </html>
Correcting teacher：天蓬老师天蓬老师

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