js之ECMAscript

時間 2019-12-13

原文原文鏈接

1.基本數據類型和一些運算

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script type="text/javascript" src="">
 7     </script>
 8 </head>
 9 <body>
10 
11 <script type="text/javascript">
12     /*變量*/
13     var a=1,b=3;
14     alert(a);
15     var s="hello";
16                         //console在瀏覽器中的檢查中的console結果中能夠看。
17     console.log(s);
18     if(a<b){
19         alert(b);
20     }
21     /*註釋的方式跟Java同樣*/
22     /*數據類型
23         1.Number 包括整形和浮點型
24         2.String 字符串數字類型
25         3.Boolean
26         4.Undefined
27         5.Null
28         NaN:字符串轉換成數字失敗的時候，屬於number數據類型。
29     */
30     var obj=null;
31     alert(obj);
32     var i=10;
33     var s="hello";
34     var b=false;
35     var t=true;
36     var u=undefined;
37     var obj2=new Object();
38     console.log(typeof(obj))
39     console.log(typeof(i));
40     console.log(typeof(s));
41     console.log(typeof(b));
42     console.log(typeof(t));
43     console.log(typeof(u));
44     console.log(typeof(obj2));
45     /*複製運算，在js和Java中有++和--運算，可是python裏面沒有*/
46     var ja=1;
47                         //運算前先賦值，在加一
48     var he=ja++;
49     alert(he);
50     alert(ja)
51                         //有意思的13221
52     var x=1;
53     alert(x++);
54     alert(++x);
55     alert(--x);
56     alert(x--);
57     alert(x);
58 
59 </script>
60 </body>
61 </html>

View Code

2.ecmascript的基於對象

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>ECMA對象</title>
 6 
 7     <script type="text/javascript">
 8         /*在js中因爲是基於對象的，而且分紅了三種對象
 9             1.ECMAscript
10             2.DOM對象
11             3.BOM對象
12         */
13         /*ECMA中的11中內置的對象
14             Array String Date Boolean Number Function Global Error RegExp Object
15             在數據類型中除了null和undefined，其它的都是定義成了對象。
16         */
17         var str=new String("Hello");
18         alert(str);
19         var date=new Date();
20         alert(date);
21         /*函數對象Function*/
22         function func(){
23             alert(123);
24             return 8;
25         }
26         func();
27         var ret=func();
28         alert(ret);
29                     //第二種方式
30         var fun1=new Function("參數1","參數2","函數體");
31         var add=new Function("a","b","alert(a+b);");
32         var result=add(22,1);
33         console.log(result);
34                    //Function的屬性和方法
35         function f(a,b){
36             return a+b;
37         }
38         alert(f(1,2));
39         alert(void(f(1,2)));
40                 //Function中的argument對象
41         var result=0;
42         function add222(){
43                 for(var i=0;i<arguments.length;i++){
44                      result+=arguments[i];
45                 }
46                 return result;
47         }
48         var ha=add222(1,2,3,4,5,6,7);
49         alert(ha);
50 
51         function func2(){
52             if(arguments.length!=3){
53                 throw new Error("參數不能超過3");
54             }
55         }
56         func2(1,2,3);
57         /*匿名函數*/
58         var niminghanshu=function(){
59                 alert("匿名函數");
60         };
61         niminghanshu();
62                         //根據匿名函數，能夠使用自執行函數。
63         (function(a){
64             alert("匿名函數2");
65         })(1);
66 </script>
67 </head>
68 <body>
69 
70 </body>
71 </html>

View Code

3.內置對象之數組

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>數組</title>
 6 
 7     <script type="text/javascript">
 8         //建立方式一：
 9         var arr=[1,2,3,4];
10         //建立方式二
11         var arr2=new Array(1,"hellow",true,4,5);
12         console.log(arr.length);
13         console.log(arr2.length);
14         //建立方式三
15         var arr3=new Array(3);
16         console.log(arr3.length);
17                                 //至關於佔用了三個位置值爲：undefined
18                                 //若是採用初始化方式建立數組，若是裏面只有一個值，並且是一個數字，
19                                 //那麼數字表示的是長度而不是內容。
20         console.log(arr3[0]);
21         console.log(arr3[1]);
22         console.log(arr3[2]);
23         console.log(arr3);
24 
25 
26                                 //數組可變長，也就是由於undefined的存在
27                                 //也就是說在別的語言要報錯誤的時候，js能夠使用undefined進行解釋
28                                 //這就體現了靈活性。
29         var arr4=new Array(3);
30         arr4[5]='hellow';
31         console.log(arr4.length);
32         console.log(arr4[3]);
33         /*數組:*/
34                     //二維數組
35             var arr4=new Array(5,"hello",true,[1,3]);
36             console.log(arr4[3][1]);
37                     //數組對象的方法join,在Python中字符串對象纔有join   *****
38             var reluts=["hello","world"].join("++++++");
39             console.log(reluts);
40                     //shitf unshift pop push -------棧操做--------*****
41                     //隊列，先進先出；棧，後進先出。
42 
43                     //壓棧push，彈棧pop，後進先出
44             var arr5=[1,4,6];
45             arr5.push(13);
46             console.log(arr5);
47             arr5.pop();
48             console.log(arr5);
49                    //shift 和unshift
50             var arr6=[1,5,10];
51             console.log(arr6);
52             arr6.unshift(45);
53             console.log(arr6);
54             console.log(arr6[0]);
55             arr6.shift();
56             console.log(arr6);
57                   //----------sort reverse---------------
58             var arr7=[1,4,12,6];
59             arr7.reverse();
60             console.log(arr7);
61             console.log(arr7.sort());//sort排序比較的是assic碼
62 
63 </script>
64 </head>
65 <body>
66 
67 </body>
68 </html>

View Code

4.引用對象之Date

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>date</title>
 6 
 7     <script type="text/javascript">
 8         /*建立方式*/
 9                 //第一種
10         var date=new Date();
11         console.log(date);
12         console.log(date.toString());
13         console.log(date.toLocaleString());
14                 //第二種
15         var date=new Date("2017/3/21 12:20 ");
16         alert(date.toLocaleString());
17                 //第三種,這種方法能夠自定義時間格式，經過字符串拼接。
18         var date_obj3=new Date(5000);
19         console.log(date_obj3.toLocaleString());
20         console.log(date_obj3.getFullYear());
21         console.log(date_obj3.getMonth());
22         console.log(date_obj3.getDay());
23         console.log(date_obj3.getHours());
24         console.log(date_obj3.getMinutes());
25         console.log(date_obj3.getHourMinuteSecond);
26         console.log(date_obj3.getMilliseconds());
27 
28 </script>
29 </head>
30 <body>
31 
32 </body>
33 </html>

View Code

5.正則表達式

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>RegExp</title>
 6 
 7     <script type="text/javascript">
 8         //方式一
 9         var re_obj=new RegExp("/d+","g");
10         alert(re_obj.test("asdf3245sdk"));
11         //方式二
12         var re_obj2=/\d+/g;
13         alert(re_obj2.test("fslfsfjsdkafjs"));
14         /*未完待續*/
15     </script>
16 </head>
17 <body>
18 
19 </body>
20 </html>

View Code

6.Math

7.

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。