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