博客
关于我
js的new关键字
阅读量:206 次
发布时间:2019-02-28

本文共 804 字,大约阅读时间需要 2 分钟。

new关键字的作用

通过new关键字实例化构造函数,获取对象

//定义一个构造函数function person(name){   	this.name = name;	this.say = function(){   		console.log(this.name);	}}//给构造函数的原型设置属性和方法person.prototype.age = '18';person.prototype.sayYes = function(){   	console.log('yyy');}//实例化构造函数let p = new person('小明');console.log(p);// 当前属性console.log(p.name)// 当前方法p.say()console.log(p.color)// 原型方法p.sayBye()

通过new关键字实例化的对象p,具备了构造函数person中this的属性:name,也具备了构造函数person的原型prototype的属性age和方法sayYes。

实现过程

  • 1 .创建一个空对象,并且this变量引用该对象,同时还继承了该函数的原型。
var obj = {   };
  • 2 .原型的属性和方法被加入到this引用的对象中。原型的执行,确定对象obj的原型链。
obj.__proto__ = person.prototype;
  • 3 .新创建的对象由this所引用,并且最后隐士的返回this。绑定this对象为obj,传入参数;执行person构造函数,进行属性和方法的赋值操作。
person.call(o,'小明');
  • 4 .返回结果。
    注意:在通过该种方式获取对象时,最终不一定返回的是对象o,要看构造函数的返回值是什么。
    如果函数返回的是基本类型值,实际会生成一个对象,返回o
    如果是函数返回的是引用类型值,则实际返回的是该引用类型值

转载地址:http://iycp.baihongyu.com/

你可能感兴趣的文章
Nginx SSL 性能调优
查看>>
Nginx SSL私有证书自签,且反代80端口
查看>>
Nginx upstream性能优化
查看>>
Nginx 中解决跨域问题
查看>>
nginx 代理解决跨域
查看>>
Nginx 做负载均衡的几种轮询策略分析
查看>>
Nginx 入门,一篇搞定!
查看>>
Nginx 利用代理转发请求示例
查看>>
Nginx 动静分离与负载均衡的实现
查看>>
Nginx 反向代理 MinIO 及 ruoyi-vue-pro 配置 MinIO 详解
查看>>
nginx 反向代理 转发请求时,有时好有时没反应,产生原因及解决
查看>>
Nginx 反向代理+负载均衡
查看>>
Nginx 反向代理解决跨域问题
查看>>
Nginx 反向代理配置去除前缀
查看>>
nginx 后端获取真实ip
查看>>
Nginx 多端口配置和访问异常问题的排查与优化
查看>>
Nginx 如何代理转发传递真实 ip 地址?
查看>>
Nginx 学习总结(16)—— 动静分离、压缩、缓存、黑白名单、性能等内容温习
查看>>
Nginx 学习总结(17)—— 8 个免费开源 Nginx 管理系统,轻松管理 Nginx 站点配置
查看>>
Nginx 学习(一):Nginx 下载和启动
查看>>