js中arguments对象和this属性
如果不注重复习，花时间准备的材料毫无意义
arguments对象和this对象都是对象
直接来代码
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>1-3 课堂演示</title> 6 <style type="text/css"> 7 8 </style> 9 </head> 10 <body> 11 <script> 12 //arguments.length检测函数的参数个数 13 function sum() { 14 //alert(arguments.length); 15 var result=0; 16 for(var i=0;i<arguments.length;i++){ 17 result+=arguments[i] 18 } 19 return result 20 } 21 //sum(); 22 //sum(12); 23 //sum(12,3,5); 24 //alert(sum(12,3,5,10,5,3)) 25 </script> 26 <script> 27 //在函数外部使用this,this就指的是window对象 28 //alert(this) 29 30 //全局变量可以看做window对象的属性 31 var x=1; 32 alert(window.x) 33 alert(this.x) 34 35 </script> 36 </body> 37 </html>
函数的this属性
js中的属性都是用.（点），并且变量和函数不用写变量类型，和php一样，但是多了var，这点和php不一样。
js和php函数的话都带function关键字，这和强类型语言java和c等不一样。
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>1-4 课堂演示</title> 6 <style type="text/css"> 7 8 </style> 9 </head> 10 <body> 11 <div id="div1" style=" 100px;height: 100px;background: red">11111111</div> 12 <script> 13 //在函数外部使用this,this就指的是window对象 14 //alert(this) 15 16 //全局变量可以看做window对象的属性 17 var x=1; 18 //alert(window.x) 19 //alert(this.x) 20 21 //函数内部调用 22 function test(){ 23 var x=0; 24 alert(x) //这里的x为0 25 alert(this.x); //这里的x为1 26 alert(this) 27 } 28 //test() 29 //用new来调用，那么绑定的将是新创建的对象 30 function test2(){ 31 this.x = 100; 32 } 33 var obj = new test2(); 34 //alert(x); //这里的x为1 35 //alert(obj.x);//这里的x为100 36 37 //作为某个对象的方法调用 38 function test3(){ 39 alert(this.x); 40 } 41 var objo={}; 42 objo.x = 1000; 43 objo.m = test3; 44 //alert(x); 45 //objo.m(); //1000 46 47 //事件监听函数中的this 48 var div1 = document.getElementById('div1'); 49 div1.onclick = function(){ 50 alert( this.innerHTML); //this指向的是div元素，输出11111111 51 }; 52 53 </script> 54 </body> 55 </html>