博客
关于我
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/

你可能感兴趣的文章
Node-RED中Switch开关和Dropdown选择组件的使用
查看>>
Node-RED中使用html节点爬取HTML网页资料之爬取Node-RED的最新版本
查看>>
Node-RED中使用JSON数据建立web网站
查看>>
Node-RED中使用json节点解析JSON数据
查看>>
Node-RED中使用node-random节点来实现随机数在折线图中显示
查看>>
Node-RED中使用node-red-browser-utils节点实现选择Windows操作系统中的文件并实现图片预览
查看>>
Node-RED中使用node-red-contrib-image-output节点实现图片预览
查看>>
Node-RED中使用node-red-node-ui-iframe节点实现内嵌iframe访问其他网站的效果
查看>>
Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
查看>>
Node-RED中使用range范围节点实现从一个范围对应至另一个范围
查看>>
Node-RED中实现HTML表单提交和获取提交的内容
查看>>
Node-RED中将CSV数据写入txt文件并从文件中读取解析数据
查看>>
Node-RED中建立TCP服务端和客户端
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中建立静态网页和动态网页内容
查看>>
Node-RED中解析高德地图天气api的json数据显示天气仪表盘
查看>>
Node-RED中连接Mysql数据库并实现增删改查的操作
查看>>
Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览
查看>>
Node-RED中配置周期性执行、指定时间阶段执行、指定时间执行事件
查看>>
Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度
查看>>