码迷,mamicode.com
首页 > Web开发 > 详细

JS-- this

时间:2018-12-18 02:15:30      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:函数调用   动态   函数   function   关键字   环境   cal   global   mic   

this简介

  this是JS中很重要的一个关键字,它总是指向一个对象,

  而这个对象是在运行时基于函数的执行环境动态绑定的。

 

this指向分类

  作为普通函数调用

  作为构造函数调用

  作为对象的方法调用

  call和apply调用

 

  作为普通函数调用

    当函数以普通函数的方式调用时,函数内的this在非严格模式下指向window,在严格模式下指向undefined

var name = “global”;
var person = {
    name: "tom",
    sayName: function () {
        console.log(this.name);
    }        
}

var printName = person.sayName;
printName(); //global

     如上代码是以普通函数的方式调用函数

 

  作为构造函数调用

    当函数通过new调用时,即以构造函数的方式调用,函数会返回一个对象,函数内部的this指向这个返回的对象

function Person (name) {
    this.name = name;  
   console.log(this);   }

var person = new Persosn("tom"); //{name: "tom"}

 

  

  作为对象的方法调用

    当函数作为某个对象的属性时,函数内部的this指向这个对象

var person = {
    name: "tom",
    sayName: function () {
        console.log(this.name);
    }        
}

persosn.sayName(); //"tom"

 

  

  call和apply调用

    通过call,apply的方式调用函数,可以动态的改变传入函数中的this指向

var sayName = function () {
  console.log(this.name);
}

var person1 = {
  name: "tom"
}
var person2 = {
  name; "lily"
}

sayName.call(person1); //"tome"
sayName.call(person2); //"lily"

 

JS-- this

标签:函数调用   动态   函数   function   关键字   环境   cal   global   mic   

原文地址:https://www.cnblogs.com/marton/p/10134673.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!