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函数

 

posted @ 2017-09-07 14:31  颜言  阅读(152)  评论(0编辑  收藏  举报