最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js中this的用法实例分析_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:31:44
文档

js中this的用法实例分析_javascript技巧

js中this的用法实例分析_javascript技巧:本文实例分析了js中this的用法。分享给大家供大家参考。具体分析如下: 实例1:第一种调用this的方法——以函数形式调用。它代表全局对象window 代码如下: function t(){ alert(this);//这里this表示window对象。 } t(); 实例2:第二种调用
推荐度:
导读js中this的用法实例分析_javascript技巧:本文实例分析了js中this的用法。分享给大家供大家参考。具体分析如下: 实例1:第一种调用this的方法——以函数形式调用。它代表全局对象window 代码如下: function t(){ alert(this);//这里this表示window对象。 } t(); 实例2:第二种调用


本文实例分析了js中this的用法。分享给大家供大家参考。具体分析如下:

实例1:第一种调用this的方法——以函数形式调用。它代表全局对象window
代码如下:
function t(){
alert(this);//这里this表示window对象。
}
t();

实例2:第二种调用this的方法——以对象属性的形式调用。它代表该对象。实例中onclick为p元素对象的属性
代码如下:


function t(){
alert(this);
this.style.background = 'green';
}
window.onload = function(){
document.getElementById('eng').onclick = t;
}



abcd




实例3:第三种调用this的方法——以构造器的方式调用。
代码如下:
function dog(){
this.legs = 4;
this.bark = function(){
alert("汪汪...");
}
}
var wangcai = new dog();//创建对象的方式。new 函数名();
wangcai.bark();

说明:
(1)如果直接调用dog()函数,而不是以创建对象的方式调用,则相当于第一种调用了,即this代表着全局对象window。
(2)js中没有类的概念,但是有对象的概念;
(3)对象的创建可以采用var = objName{name:'abc',age:40}这种方式创建,也可以通过构造函数来创建;
(4)什么是构造函数:当一个普通函数以“new 函数名()”的方式调用时,此函数就充当构造函数。

实例4:第四种调用this的方法——call和apply方式
代码如下:

结果为hi
}else{// ie
hi.attachEvent('onclick',function(){alert(this.id)});//ie8及ie8以下,这里this指向全局对象window。结果this.id结果为undefined
}
}



hello world



希望本文所述对大家的javascript程序设计有所帮助。

文档

js中this的用法实例分析_javascript技巧

js中this的用法实例分析_javascript技巧:本文实例分析了js中this的用法。分享给大家供大家参考。具体分析如下: 实例1:第一种调用this的方法——以函数形式调用。它代表全局对象window 代码如下: function t(){ alert(this);//这里this表示window对象。 } t(); 实例2:第二种调用
推荐度:
标签: 中的 使用方法 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top