JavaScript基本语法(函数与对象)

3、函数

#①内置函数

内置函数:系统已经声明好了可以直接使用的函数。

#[1]弹出警告框

alert(警告框内容); 
 

#[2]弹出确认框

用户点击『确定』返回true,点击『取消』返回false

var result = confirm(老板,你真的不加个钟吗?); if(result) { 	console.log(老板点了确定,表示要加钟); }else{ 	console.log(老板点了确定,表示不加钟); } 
 

#[3]在控制台打印日志

console.log(日志内容); 
1

./images

#②声明函数

写法1:

		function sum(a, b) { 			return a+b; 		} 
 

写法2:

		var total = function() { 			return a+b; 		}; 
 

写法2可以这样解读:声明一个函数,相当于创建了一个『函数对象』,将这个对象的『引用』赋值给变量total。最后加的分号不是给函数声明加的,而是给整体的赋值语句加的分号。

#③调用函数

JavaScript中函数本身就是一种对象,函数名就是这个『对象』的『引用』。而调用函数的格式是:函数引用()。

		function sum(a, b) { 			return a+b; 		} 		 		var result = sum(2, 3); 		console.log(result=+result); 
 

或:

		var total = function() { 			return a+b; 		} 		 		var totalResult = total(3,6); 		console.log(totalResult=+totalResult); 
 

#4、对象

JavaScript中没有『类』的概念,对于系统内置的对象可以直接创建使用。

#①使用new关键字创建对象

		// 创建对象 		var obj01 = new Object(); 		 		// 给对象设置属性和属性值 		obj01.stuName = tom; 		obj01.stuAge = 20; 		obj01.stuSubject = java; 		 		// 在控制台输出对象 		console.log(obj01); 
 

#②使用{}创建对象

		// 创建对象 		var obj02 = { 			soldierName:john, 			soldierAge:35, 			soldierWeapon:gun 		}; 		 		// 在控制台输出对象 		console.log(obj02); 
 

#③给对象设置函数属性

// 创建对象 var obj01 = new Object();  // 给对象设置属性和属性值 obj01.stuName = tom; obj01.stuAge = 20; obj01.stuSubject = java;  obj01.study = function() { 	console.log(this.stuName +  is studying); };  // 在控制台输出对象 console.log(obj01); // 调用函数 obj01.study();  
 

或:

// 创建对象 var obj02 = { 	soldierName:john, 	soldierAge:35, 	soldierWeapon:gun, 	soldierShoot:function(){ 		console.log(this.soldierName +  is using  + this.soldierWeapon); 	} };  // 在控制台输出对象 console.log(obj02); // 调用函数 obj02.soldierShoot(); 
 

#④this关键字

this关键字只有两种情况:

  • 在函数外面:this关键字指向window对象(代表当前浏览器窗口)
  • 在函数里面:this关键字指向调用函数的对象
// 直接打印this console.log(this);  // 函数中的this // 1.声明函数 function getName() { 	console.log(this.name); }  // 2.创建对象 var obj01 = { 	name:tom, 	getName:getName }; var obj02 = { 	name:jerry, 	getName:getName };  // 3.调用函数 obj01.getName(); obj02.getName();