JavaScript那些事

lonecloud發表於2016-12-03
JavaScript

1.定義靜態常量：
     const C=1;

　　該常量不能變化的。

2.在if判斷中如果是兩個變數比較js會將一個字元和一個數字比較的話，會將字元轉換成數字然後在對這兩個進行對比；

1     var num=100;
2     var numStr="100";
3     document.write(num==numStr);//true
4     document.write(num===numStr);//false

3.Boolean變數建立

1     var bl=new Boolean("");
2     alert(bl.valueOf());//false
3     var bl2=new Boolean("csds");
4     alert(bl2.valueOf());//true

4.正規表示式

1     var searhPatten=new RegExp("JS*","ig");//建立正規表示式
2     var Str="scsncjdsnsjkscjjjsjjjssjsjscsjsdsssjsjsjsjsjsj";
3     var arr=searhPatten.exec(Str);//執行
4     while(arr){
5         document.write("字元"+arr[0]+"<br>");
6         document.write("位數"+searhPatten.lastIndex+"<br>");//用於尋找上一個匹配的位置
7         arr=searhPatten.exec(Str);
8     }

JS的應用：

 1 var myStr=Str.replace(searhPatten,"----"); 2 alert(myStr); 

 js中函式的引數傳遞

在函式裡面傳遞陣列的時候回將陣列中的元素進行改變，其為傳遞的是引用

而String則是傳遞的是原始值（值傳遞）

 1     function change(str,arr) {
 2         str='hello';
 3         arr[1]="cd";
 4         arr[2]="2";
 5     }
 6     function test() {
 7         var str1="123";
 8         var arr=new Array();
 9         arr[1]="1";
10         arr[0]="0";
11         document.write("原來的陣列："+arr+"<br>");//0,1
12         change(str1,arr);
13         document.write("arr："+arr+"<br>");//0,cd,2
14         document.write("String："+str1);//123
15     }
16     test();

 js中的通用新增事件

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 <input type="text" id="demo">
 9 <button id="btn">cncjkncdjns</button>
10 <script>
11     /**
12      * 用於通用新增事件
13      * @param obj 物件
14      * @param event 事件名
15      * @param fn 函式
16      */
17     function addEvent(obj,event,fn) {
18         if(obj.addEventListener){
19             obj.addEventListener(event,fn,false);
20         }else{
21             event='on'+event;
22             obj.attachEvent(event,fn);
23         }
24     }
25     //新增事件
26     addEvent(document.getElementById('btn'),'click',btnClick);
27     /**
28      * click事件
29      */
30     function btnClick() {
31         alert("csc");
32     }
33 </script>
34 </body>
35 </html>

 

相關文章