2021-03-15

函数调用方式及this分析

函数的调用和 this

①普通的函数调用是通过给函数名或者变量名添加()的方式执行。

function fn(){  console.log(1);};fn();

②构造函数,通过new关键字进行调用(也可以使用()调用,只是功能不全)

function Student(name){ this.name = name;};var s1 = new Student("li");

③对象中的方法,通过对象打点调用函数,然后加括号();
内部的 this 默认指向的是调用的对象自己

var Student = { name:"lu", message: function(){  console.log(this.name + " is a student"); }}Student.message();

④事件函数,不需要加特殊符号,只要事件被触发,会自动执行函数;
内部的 this 默认指向的是事件源

document.onclick = function(){  console.log("hello");}

⑤定时器、延时器中的函数,不需要加特殊符号,只要执行后,在规定的时间自动执行;
内部的 this 默认指向是window

setInterval(function(){ console.log(1);},1000);

    this的指向是需要联系执行上下文,在调用的时候,是按照什么方式调用,指向是不一样的

调用方式非严格模式备注
普通函数调用window严格模式下是 undefined
构造函数调用实例对象原型方法中 this 也是实例对象
对象方法调用该方法所属对象紧挨着的对象
定时器函数window
事件绑定方法绑定事件对象








原文转载:http://www.shaoqun.com/a/629656.html

跨境电商:https://www.ikjzd.com/

邮政电话:https://www.ikjzd.com/w/202

lithium:https://www.ikjzd.com/w/2505


函数的调用和this①普通的函数调用是通过给函数名或者变量名添加()的方式执行。functionfn(){console.log(1);};fn();②构造函数,通过new关键字进行调用(也可以使用()调用,只是功能不全)functionStudent(name){this.name=name;};vars1=newStudent("li");③对象中的方法,通过对象打点调用函
skyee:https://www.ikjzd.com/w/290
promotion:https://www.ikjzd.com/w/127
ebay易趣:https://www.ikjzd.com/w/210
五个Ins超强自动营销工具:https://www.ikjzd.com/tl/2695
干货!最适合亚马逊小卖家的选品方法与技巧:https://www.ikjzd.com/home/125174
Noon与阿吉曼自贸区合作,将进引入更多个人卖家入场:https://www.ikjzd.com/home/130242

No comments:

Post a Comment