Python学习路程day13

JavaScript

JavaScript是一门编程语言，浏览器内置了JavaScript语言的解释器，所以在浏览器上按照JavaScript语言的规则编写相应代码之，浏览器可以解释并做出相应的处理。

1、JavaScript代码存在形式

1 <!-- 方式一 -->
2 <script type"text/javascript" src="JS文件"></script>
3
4 <!-- 方式二 -->
5 <script type"text/javascript">
6     Js代码内容
7 </script>

2、JavaScript代码存在位置

• HTML的head中
• HTML的body代码块底部(推荐)

由于Html代码是从上到下执行，如果Head中的js代码耗时严重，就会导致用户长时间无法看到页面，如果放置在body代码块底部，那么即使js代码耗时严重，也不会影响用户看到页面效果，只是js实现特效慢而已。

1 如：
2
3 <script src="https://www.gstatic.com/og/_/js/k=og.og2.en_US.iF4jnkQuaf0.O/rt=j/t=zcms/m=def/exm=in,fot/d=1/ed=1/rs=AA2YrTv5-POC4Ks9GtGRdY2ywUWisqz7-Q"></script>
4 <script>
5     alert(‘123‘);
6 </script>

3、变量

• 全局变量
• 局部变量

JavaScript中变量的声明是一个非常容易出错的点，局部变量必须一个 var 开头，如果未使用var，则默认表示声明的是全局变量

1 var name = "seven"  # 局部变量
2 age = 18            # 全局变量

注：注释 // 或 /* */

4、基本数据类型、

数字（Number）

1 var page = 111;
2 var age = Number(18);
3 var a1 = 1,a2 = 2, a3 = 3;
4 parseInt("1.2");
5 parseFloat("1.2");

字符串(String)

 1 var name = "wupeiqi";
 2 var name = String("wupeiqi");
 3 var age_str = String(18);
 4
 5 常用方法：
 6     obj.trim()
 7     obj.charAt(index)
 8     obj.substring(start,end)
 9     obj.indexOf(char)
10     obj.length

布尔(Boolean)

1 var status = true;
2 var status = false;
3 var status = Boolen(1==1)

数组(Array)

 1 var names = [‘alex‘, ‘tony‘, ‘eric‘]
 2 var names = Array(‘alex‘, ‘tony‘, ‘eric‘)
 3
 4 常用方法：
 5     添加
 6         obj.push(ele)                   追加
 7         obj.unshift(ele)                最前插入
 8         obj.splice(index,0,‘content‘)   指定索引插入
 9     移除
10         obj.pop()                       数组尾部获取
11         obj.shift()                     数组头部获取
12         obj.splice(index,count)         数组指定位置后count个字符
13
14     切片
15         obj.slice(start,end)
16     合并
17         newArray ＝ obj1.concat(obj2)
18     翻转
19         obj.reverse()
20
21     字符串化
22         obj.join(‘_‘)
23     长度
24         obj.length
25
26
27 字典
28 var items = {‘k1‘: 123, ‘k2‘: ‘tony‘}

序列化和反序列化

1 var items = {‘k1‘: 123, ‘k2‘: ‘tony‘}
2
3 s = JSON.stringify(items)      #序列化字典
4
5 m = JSON.parse(s)         #反序列化

undefined

1 undefined表示未定义值
2 var name;

null

1 null是一个特殊值

5、循环语句

 1 var names = ["alex", "tony", "rain"];
 2
 3
 4 // 数组：方式一
 5 for(var i=0;i<names.length;i++){
 6     console.log(i);
 7     console.log(names[i]);
 8 }
 9
10
11 // 数组：方式二
12 for(var index in names){
13     console.log(index);
14     console.log(names[index]);
15 }
16
17 var names = {"name": "alex", "age": 18};
18
19
20 // 字典：方式一
21 for(var index in names){
22     console.log(index);
23     console.log(names[index]);
24 }
25
26
27 // while循环
28 while(条件){
29     // break;
30     // continue;
31 }

6、条件语句

 1 //if条件语句
 2
 3     if(条件){
 4
 5     }else if(条件){
 6
 7     }else{
 8
 9     }
10
11 var name = ‘alex‘;
12 var age = 1;
13
14 // switch,case语句
15     switch(name){
16         case ‘1‘:
17             age = 123;
18             break;
19         case ‘2‘:
20             age = 456;
21             break;
22         default :
23             age = 777;
24     }

7、异常处理

1 try{
2
3 }catch(e) {
4
5 }finally{
6
7 }

8、函数

 1 函数的声明
 2     function func(arg){
 3         return true;
 4     }
 5
 6 匿名函数
 7     var func = function(arg){
 8         return "tony";
 9     }
10
11 自执行函数
12     (function(arg){
13         console.log(arg);
14     })(‘123‘)

9、面向对象

 1 function Foo (name,age) {
 2     this.Name = name;
 3     this.Age = age;
 4     this.Func = function(arg){
 5         return this.Name + arg;
 6     }
 7 }
 8
 9 var obj = new Foo(‘wu‘, 18);
10 var ret = obj.Func("sb");
11 console.log(ret);