JavaScript中的一个小知识点,搞不明白,还想涨薪?

一个例子详解JavaScript中new实例化对象与调用的this的区别

JavaScript中的一个小知识点,搞不明白,还想涨薪?

JavaScript命名构造函数一般都是用驼峰命名法,这是为了和普通函数可以区分,所以首字母是要大写的,这是一种习惯用法。

在上面的JavaScript代码中f2实例化了对象FUN,但是f1 仅仅是是调用 Fun函数。实例化对象this指向的是对象本身,但是调用函数this指向是window。

web前端JavaScript学习QQ群:733581373

下面我们来看一个具体的JavaScript例子:

JavaScript中的一个小知识点,搞不明白,还想涨薪?

  1. f调用了fun1,输出的第一个this指向window。

  2. fun2也是调用,所以this也是指向window。

  3. 但是a就不一样了,它是实例化的对象,this指向是fun3实例化后的对象。

如果做以下的调整:JavaScript中的一个小知识点,搞不明白,还想涨薪?

如上,fun1跟fun3是被实例化,this指向对象本身,fun2只是调用,this指向window。

那给this的属性赋值会有什么样的结果呢?JavaScript中的一个小知识点,搞不明白,还想涨薪?

JavaScript调用函数里面的this属性赋值都是给window赋值的。

如果 fun1()改成 var a = new fun1(); 呢?

JavaScript中的一个小知识点,搞不明白,还想涨薪?

我是一名前端开发程序员,自己整理了一份2018最全面前端学习资料,从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理,送给每一位前端小伙伴,这里是小白聚集地,欢迎初学和进阶中的小伙伴。

web前端JavaScript学习QQ群:733581373(招募中)

如果想看到更加系统的文章和学习方法经验可以关注的微信号:‘web前端技术圈’或者‘webxh6’关注后回复‘2018’可以领取一套完整的学习视频

猜你喜欢

转载自blog.csdn.net/zwjweb/article/details/82789532