JavaScript基本语法（函数与对象）

3、函数

#①内置函数

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

#[1]弹出警告框

alert("警告框内容");

 

#[2]弹出确认框

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

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

 

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

console.log("日志内容");

1

#②声明函数

写法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();