zoukankan      html  css  js  c++  java
  • JavaScript内容回顾

      1 <!DOCTYPE html>
      2 <!--JavaScript内容回顾-->
      3 <html lang="en">
      4 <head>
      5     <meta charset="UTF-8">
      6     <title>Title</title>
      7 </head>
      8 <body>
      9     Javascript
     10         for循环
     11             for(var item in [11, 22,33]){
     12                 console.log(item)
     13                 }
     14         var arra = [11,22,33,44]
     15         for(var i=0;i<arra.lenght;i=i|+1){
     16                 break;
     17                     }
     18         while(条件){
     19 
     20                     }
     21     条件语句
     22         if(){
     23 
     24             }
     25         else if(){}
     26         else{}
     27             ==
     28             ===
     29 
     30 
     31         name='3';
     32         switch(name){
     33             case '1':
     34                 age=123;
     35                 break;
     36             case '2':
     37                 age=456;
     38                 break;
     39             default:
     40                 age=777;
     41                     }
     42     函数
     43         function func(arg){
     44             return arg+1
     45                         }
     46         var result = func(1)
     47         console.log(result);
     48 
     49         普通函数:
     50             function func(){
     51                             }
     52         匿名函数:
     53             setInterval(执行的函数,5000);
     54 
     55             function func(arg){
     56                 return arg+1
     57                                 }
     58             setInterval("func()",5000);
     59             setInterval(function(){
     60                          console.log(123);
     61                                      },5000)
     62         自执行函数(创建函数并且自动执行):
     63             function func(arg){
     64                 console.log(arg);
     65                             }
     66             // func(1)
     67 
     68 
     69             (function func(arg){
     70                 console.log(arg);
     71                             })(1)
     72             func()
     73 
     74     序列化
     75         JSON.stringify() 将对象转换为字符串
     76         JSON.parse()     将字符串转换为对象类型
     77     转义
     78         客户端(cookie)  =》服务器端
     79         将数据经过转义后,保存转cookie
     80 
     81     <div>
     82     eval
     83         JavaScript中的eval是Python中eval和exec的合集,既可以编译代码也可以获取返回值。
     84             eval()
     85             EvalError   执行字符串中的JavaScript代码
     86 
     87     </div>
     88     <div>
     89         python:
     90             val = eval("1+1")
     91             val = eval(表达式)
     92                     exec(执行代码)
     93         JavaScript:
     94             eval
     95     </div>
     96     <div>时间</div>
     97     <div>Console</div>
     98         Date对象(类)
     99         vra d= new Date()
    100         d
    101         d.getminutes()  //获取
    102         d
    103         n = d.getMinutes()+4
    104         d.setMinutes(n)  //设置
    105         d
    106 
    107     作用域
    108         其他语言:以代码块作为作用域
    109         public void Func(){
    110             if(1==1){
    111                 string name = 'java';
    112                         }
    113             console.writeline(name);
    114                                 }
    115         Func()
    116             //报错
    117 
    118 
    119         public void Func(){
    120             if(1==1){
    121                 string name = 'java';
    122                 console.writeline(name);
    123                         }
    124                                 }
    125         Func()
    126             //正确打印
    127 
    128         Python语言:以函数作为作用域
    129             情况一成功:
    130             derf func():
    131                 if 1==1:
    132                     name ='alex'
    133                 print(name)
    134             func()
    135 
    136             情况二报错:
    137             derf func():
    138                 if 1==1:
    139                     name ='alex'
    140                 print(name)
    141             func()
    142             print(name)
    143 
    144         Javascript语言:以函数作为作用域
    145                function func(){
    146                     if(1==1){
    147                         var name = 'alex';
    148                             }
    149                     console.log(name);
    150                                  }
    151                 func()
    152 
    153 
    154                 函数的作用域转函数未被调用前,将已经创建了
    155                function func(){
    156                     if(1==1){
    157                         var name = 'alex';
    158                             }
    159                     console.log(name);
    160                                  }
    161                 函数的作用域存在作用域链,并且也是在被调用之前创建
    162             情况一 tony:
    163                 xo = 'alex';
    164 
    165                function func(){
    166                     var xo = 'eric';
    167                     function inner(){
    168                         var xo = 'tony';
    169                         console.log(xo);
    170                                         }
    171                     inner()
    172                                     }
    173               func()
    174             情况二 eric:
    175                 xo = 'alex';
    176 
    177                function func(){
    178                     var xo = 'eric';
    179                     function inner(){
    180 
    181                         console.log(xo);
    182                                         }
    183                     inner()
    184                                     }
    185               func()
    186             情况三 报错:
    187                 xo = 'alex';
    188 
    189                function func(){
    190 
    191                     function inner(){
    192 
    193                         console.log(xo);
    194                                         }
    195                     inner()
    196                                     }
    197               func()
    198             情况四 inner:
    199                 xo = 'alex';
    200 
    201                function func(){
    202                     var xo = 'eric';
    203                     function inner(){
    204 
    205                         console.log(xo);
    206                                         }
    207                     return inner;
    208                                     }
    209               var ret =func()
    210 
    211             情况五 tony:
    212                 xo = 'alex';
    213 
    214                function func(){
    215                     var xo = 'eric';
    216                     function inner(){
    217 
    218                         console.log(xo);
    219                                         }
    220                     var xo = 'tony';
    221                     return inner;
    222                                     }
    223                var ret = func()
    224                ret()
    225             函数内局部变量提前声明
    226         示例一 报错:
    227         function func(){
    228             console.log(xxoo);
    229                         }
    230         func();
    231 
    232         示例二 undefined:
    233         function func(){
    234             console.log(xxoo);
    235             var xxoo = 'alex';
    236             console.log(xxoo);
    237                         }
    238         //解释过程中:var xxoo;
    239         func();
    240 
    241         JavaScript面向对象
    242         示例一
    243         function foo(){
    244                 var xo = 'alex';
    245                         }
    246         foo()
    247         示例二
    248         function foo(n){
    249             this.name =n;
    250             this.sayName = function(){
    251                 console.log(this.name);
    252                                         }
    253                         }
    254         var obj1 = new Foo('we');
    255         obj1.name
    256         obj1.sayName()
    257 
    258         var obj2 = new Foo('wee');
    259         obj2.name
    260         obj2.sayName()
    261 
    262 
    263         a,  this代指对象(python swlf)
    264         b,  创建对象时,new函数()
    265 
    266 
    267     Python的面向对象:
    268             class Foo:
    269                 def __init__(self,name):
    270                     self.name =name
    271 
    272                 def sayName(self):
    273                     print(self.name)
    274             obj1 = Foo('we')
    275             obj2 = Foo('wee')
    276 
    277     JavaScript面向对象 原型:
    278         function Foo(n){
    279             this.name = n;
    280                          }
    281         #Foo的原型
    282         Foo.prototypr ={
    283             'sayName':function(){
    284                     console.log(this.name)
    285                                     }
    286                             }
    287 
    288         obj1 = new Foo('we');
    289         obj1.sayName()
    290 
    291         obj2 = new Foo('wee');
    JavaScript内容回顾
     1 <!DOCTYPE html>
     2 <!--JavaScript函数-->
     3 <html lang="en">
     4 <head>
     5     <meta charset="UTF-8">
     6     <title>Title</title>
     7 </head>
     8 <body>
     9     自执行函数:
    10         function func(){
    11 
    12                             }
    13         func()
    14     演示
    15     function 张扬(){
    16             function f1(){
    17 
    18                             }
    19             function f2(){
    20 
    21                              }
    22             function f3(){
    23 
    24                             }
    25                     }
    26     function 程彪(){
    27             function f1(){
    28 
    29                             }
    30             function f2(){
    31 
    32                              }
    33             function f3(){
    34 
    35                             }
    36                     }
    37 
    38 
    39 
    40 
    41 </body>
    42 </html>
    JavaScript函数
  • 相关阅读:
    ICONS-图标库
    图形资源
    vue项目中,如果修改了组件名称,vscode编辑器会在引入修改组件的名字处提示红色波浪线 The file is in the program because:Imported via xxx Root file specified for compilation .
    接口在dev环境报跨域问题(has been blocked by CORS policy:Response to preflight request doesn't pass access control check:No 'Access-Control-Allow-Origin' header ispresent on the requested resource.),qa环境正常
    阿里云occ的图片文件URL用浏览器直接打开无法访问,提示This XML file does noe appear to have any style information associated with it. The document tree is shown below.
    vue 项目使用element ui 中tree组件 check-strictly 用法(父子不互相关联的反显情况)
    高德地图进行线路规划绘制标记点操作(vue)
    vue中实现拖拽调整顺序功能
    2021-01-22 浏览器相关知识
    2021-01-22 js 相关知识点
  • 原文地址:https://www.cnblogs.com/ujq3/p/7489538.html
Copyright © 2011-2022 走看看