美文网首页
JS中this的用法

JS中this的用法

作者: kahn17 | 来源:发表于2017-02-08 10:49 被阅读0次


js中thisd的用法

* this是js中的关键字,它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用,一般情况下,this指代的是调用函数的当前对象.细分来说,有以下的用法

* 1:纯粹的函数调用

*这是最通常的用法,属于全局性调用,因此this就代表全局对象Global

*var x = 1;

function test1() {

this.x = 0

console.log(x);

}

test1()//x=0,证明正常的函数调用属于全局性调用

*

*2.作为对象方法调用

*函数作为某个对象的方法调用,则this指这个上级对象

*var x = 1

function test2() {

console.log(this.x)

}

var obj = {}

obj.x = 2

obj.m = test2

obj.m()//x = 2,所以这里this指的是当前调用函数的对象

3.作为构造函数调用

所谓构造函数,就是通过函数构造一个新的对象(Object),这时this指这个新的对象

var x = 23

function test3() {

this.x = 1

}

var obj = new test3()

console.log(obj.x)//x =1

4.apply调用

apply是Function原型的一个方法,用于改变函数的调用对象,它的第一个参数就是调用的对象名,因此this指第一个参数

var x = 23

function test4() {

console.log(this.x)

}

var obj = {}

obj.m = test4

obj.x = 1

obj.m()//x = 1

obj.m.apply()//x = 23

obj.m.apply(obj)//x = 1

相关文章

  • js 循环

    js中forEach,for in,for of循环的用法 js的 for...in 和 for...of的用法 ...

  • React-Native常用技巧

    JS 语法 1. js中 !!用法 js中 ! 的用法是比较灵活的,它除了做逻辑运算常常会用!做类型判断,可以用!...

  • js中Map基本用法

    js中Map之基本用法

  • JS杂记

    JS中$含义及用法 js发送get 、post请求的方法简介

  • js中(...)用法

    1,深拷贝[https://so.csdn.net/so/search?q=%E6%B7%B1%E6%8B%B7%...

  • JS中的this用法

    例1: 该方式的运行结果为document! 例2: 该方式的运行结果是object window! 例3: 该方...

  • js中this的用法?

    大家好,我是IT修真院成都分院第09期学员。今天分享的内容是js中this的用法? 1.背景介绍 JavaScri...

  • JS 中的 this 用法

    总结一波 this 的理解,首先在最开始引用一句“this的指向在函数定义的时候是确定不了的,只有函数执行的时候才...

  • JS中this的用法

    (1)直接调用(默认绑定) this == window注:在严格模式下此时的this指代undefined (2...

  • JS中“!!”的用法

    由于对null与undefined用!操作符时都会产生true的结果,两个感叹号的作用:如果明确设置了o中flag...

网友评论

      本文标题:JS中this的用法

      本文链接:https://www.haomeiwen.com/subject/rjpmittx.html