原创于
【模棱博客】
JS 中巧妙使用 Function()和this
1.构造器调用模式
当我们把一个函数前面带上new来调用,则相同于 java中的实体初始化赋值,函数内置属性都会赋值
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
function test ( ) { this . testName = function ( ) { return “1” ; } this . testName1 = function ( num ) { return num ; } this . initTest = function ( ) { var ts = { “nameTest” : this . testName ( ) , “name1Test” : this . testName1 ( 1 ) , } return ts ; } } $ ( function ( ) { var sss = new test ( ) ; console . info ( sss . initTest ( ) ) ; } ) ; |
2. 函数调用模式
JS中this指的是全局变量,假如全局变量没有此参数时相当于在此方法中重新定义,如果全局变量中有此参数那么this仍然绑定到外部函数的this变量上
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
function test ( ) { this . testName = function ( ) { return “1” ; } this . testName1 = function ( num ) { return num ; } this . testName2 = function ( ) { return this ; } this . initTest = function ( ) { var ts = { “nameTest” : this . testName ( ) , “name1Test” : this . testName1 ( 1 ) , “name2Test” : this . testName2 ( ) , } return ts ; } } $ ( function ( ) { var sss = new test ( ) ; console . info ( sss . initTest ( ) ) ; console . info ( sss . testName2 ( ) ) ; } ) ; |
3. 方法调用模式
当函数绑定到了定义的对象属性上,其实相当于对象的一个方法,而this被绑定到该对象上
版权声明：本文为qq_24501105原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。