JS中函数调用的方法(this调用的方法)
2017-03-01 15:06
405 查看
JavaScript 函数有 4 种调用方式。
每种方式的不同方式在于 this 的初始化。
1.作为一个函数调用
(this为window对象)
2.作为方法调用
(this为myObject对象)
3.使用构造函数调用函数
如果函数调用前使用了 new 关键字, 则是调用了构造函数。
// 构造函数:
(this在构造函数中没有任何值)
4.作为函数方法调用函数
在JavaScript 中, 函数是对象。JavaScript 函数有它的属性和方法。
call() 和 apply() 是预定义的函数方法。 两个方法可用于调用函数,两个方法的第一个参数必须是对象本身。
两者的区别在于第二个参数:apply传入的是一个参数数组,call传入的是单一参数。
function myFunction(a, b) {
return a* b;
}
myArray = [10, 2];
myObject = myFunction.apply(myObject,myArray); // 返回 20
在 JavaScript严格模式(strict mode)下, 在调用函数时第一个参数会成为 this 的值, 即使该参数不是一个对象。
在JavaScript 非严格模式(non-strict mode)下, 如果第一个参数的值是 null 或 undefined, 它将使用全局对象替代。
(this为调用它的对象本身,myObject调用myFunction函数)
每种方式的不同方式在于 this 的初始化。
1.作为一个函数调用
function myFunction(a, b) { return a* b; } myFunction(10, 2); // myFunction(10, 2) 返回 20 或 function myFunction() { return this; } myFunction(); // 返回 window对象
(this为window对象)
2.作为方法调用
var myObject = { firstName:"John", lastName: "Doe", fullName: function () { return this.firstName + " " + this.lastName; } } myObject.fullName(); // 返回 "John Doe"
(this为myObject对象)
3.使用构造函数调用函数
如果函数调用前使用了 new 关键字, 则是调用了构造函数。
// 构造函数:
function myFunction(arg1, arg2) { this.firstName = arg1; this.lastName = arg2; } // This creates a new object var x = newmyFunction("John","Doe"); x.firstName; // 返回"John"
(this在构造函数中没有任何值)
4.作为函数方法调用函数
在JavaScript 中, 函数是对象。JavaScript 函数有它的属性和方法。
call() 和 apply() 是预定义的函数方法。 两个方法可用于调用函数,两个方法的第一个参数必须是对象本身。
两者的区别在于第二个参数:apply传入的是一个参数数组,call传入的是单一参数。
function myFunction(a, b) { return a* b; } myObject = myFunction.call(myObject, 10, 2); // 返回 20
function myFunction(a, b) {
return a* b;
}
myArray = [10, 2];
myObject = myFunction.apply(myObject,myArray); // 返回 20
在 JavaScript严格模式(strict mode)下, 在调用函数时第一个参数会成为 this 的值, 即使该参数不是一个对象。
在JavaScript 非严格模式(non-strict mode)下, 如果第一个参数的值是 null 或 undefined, 它将使用全局对象替代。
(this为调用它的对象本身,myObject调用myFunction函数)
相关文章推荐
- 读js设计模式有感->构造函数内调用自己公用方法函数
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- aspx调用js中函数方法
- js函数内直接调用后台方法
- 在Angular外部使用js调用Angular控制器中提供的函数方法或变量
- 解决同一页面中两个iframe互相调用jquery,js函数的方法
- 解决同一页面中两个iframe互相调用jquery,js函数的方法
- 页面内调用js函数出错:“缺少对象”的解决方法
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- javascript中iframe里面的页面调用父窗口js函数的方法
- Js文件中调用其它Js函数的方法
- JavaScript—在嵌套的内部函数中调用外部this的方法
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- JS函数的定义与调用方法推荐
- iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法
- JS随机调用指定函数的方法
- js中的this和函数的调用
- 【JS】<a>标签调用js中函数的几种方法
- jsp 在超链接上调用onclick,js方法函数,a标签
- php中调用类的属性和函数的方法->_=>_::_$this->区别