函数调用的方法
Posted daisy-
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了函数调用的方法相关的知识，希望对你有一定的参考价值。
调用函数的五种方法：
1.函数声明
function run(){
alert("函数声明") //这里是你函数的内容
}
//调用
run()
2.函数表达式
var run = function(){
alert("这是一种声明函数的写法,左边是一个变量,右边是一个函数的表达式,意思就是把一个匿名函数的表达式赋值给了一个变量run,只是声明了一个变量指向了一个函数对象")//这里是你函数的内容
}
run()
3.方法调用式
作为对象方法,函数写法,这里创建了两个函数外面用{}包裹起来
var Text = {
run1 : function(){
alert("run1:这个必须放在一个对象内部,放在外边会出错")//这里是函数内容
},
run2 : function(){
alert("run2:这个必须放在一个对象内部,放在外边会出错")//这里是函数内容
}
}
Text.run1()//调用第一个函数
Text.run2()//调用第二个函数
4.构造器调用式
方法一
var add = function() { //函数表达式定义函数
this.name = "汇智网";
this.sum = function (a, b){
return a + b;
}
}
// 构造器调用模式
var obj = new add(); //obj是一个对象(将函数转化为对象)
console.log(obj);
alert(obj.sum(1,2)); //=>3
//
方法二
var funName = function(){};
funName.prototype.way = function(){
alert(‘这是在funName函数上的原始对象上加了一个way方法，构造函数中用到‘);
}
调用
var funname = new funName();// 创建对象
funname.way();//调用对象属性
prototype
function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
//return {name,job,born}
}
//console.log(employee(1,2,3));
var bill= new employee("Bill Gates","Engineer",1985);
//employee("Bill Gates","Engineer",1985);
//console.log(bill);
employee.prototype.salary=null;
bill.salary=20000;
//console.log(employee.job);
document.write(bill.salary);
5.自执行函数
方法1：最前最后加括号
(
function(){alert(1);}()
);
/*好处是，能提醒阅读代码的人，这段代码是一个整体。
例如，在有语法高亮匹配功能的编辑器里，光标在第一个左括号后时，最后一个右括号也会高亮，看代码的人一眼就可以看到这个整体。 */
//方法2：function外面加括号
(function(){alert(1);})();
//这种做法比方法1少了一个代码整体性的好处。
//方法3：function前面加运算符，常见的是!与void 。
!function(){alert(1);}();
void function(){alert(2);}();
6.apply/call调用模式
//(1).apply调用
var add = function (a, b) {
return a + b;
}
console.log(add.apply(null,[1,2])); //=>3
(2).call调用
var add = function (a, b) {
return a + b;
}
console.log(add.call(null,1,2)); //=>3
以上是关于函数调用的方法的主要内容，如果未能解决你的问题，请参考以下文章