关于Js中new操作符的作用详解


Posted in Javascript onFebruary 21, 2021

前言

Js是当今时代最常用的代码操作语言,其中new操作符尤为常见。对于很多代码小白来说,并不清楚new在Js中扮演着怎样的角色,具体是做什么用,干了什么。本文从new操作符的作用着手,简单介绍new操作符相关知识。

关于Js中new操作符的作用详解

什么是new?

众所周知,在JS中,new的作用是通过构造函数来创建一个实例对象。

像下面这样:(和普通函数不一样,当函数用作构造函数时,首字母一般要大写,以作区分。)

function Foo(name) {
  this.name = name;
}
console.log("new Foo('mm')的类型:",typeof new Foo('mm')); // object
console.log("Foo的类型:",typeof Foo); // function

创建了一个空对象

var obj=new Object();

在Js代码中,new操作符的主要作用是产生对象。通过new创建空对象,为创建对象打基底。

设置原型链

obj.__proto__= Func.prototype;

JS中在利用new操作符建好基底后,就开始下一步的Js代码操作,设置原型链。new通过构造函数创建出的实例可以访问到构造函数原型链中的属性,换言之,通过new操作符,原型链链接了实例和构建函数。

(改变this指向)让Func中的this指向obj,并执行Func的函数体。

var result =Func.call(obj);

一般情况下,在Js代码组中,出现this时,构造函数内部是正常工作,但当通过new操作符改变this指向后,所出现的返回值会被正常的返回出去。

判断Func的返回值类型:如果是值类型,返回obj。如果是引用类型,就返回这个引用类型的对象。

if (typeof(result) == "object"){
  func=result;
}
else{
  func=obj;
}

从上述一组new操作符代码中可看出,new还可用来判断Func的返回值类型。如果返回值是值类型,则正常返回。如果是引用类型,就返回到引用类型的对象。

以上四点是new操作符在Js代码中的主要作用,对于Js代码小白希望可以有帮助。

总结

到此这篇关于关于Js中new操作符作用的文章就介绍到这了,更多相关Js new操作符作用内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
jquery中的过滤操作详细解析
Dec 02 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
使用Browserify配合jQuery进行编程的超级指南
Jul 28 Javascript
javascript下拉列表菜单的实现方法
Nov 18 Javascript
js实现上下左右弹框划出效果
Mar 08 Javascript
javascript遍历json对象的key和任意js对象属性实例
Mar 09 Javascript
windows下vue-cli导入bootstrap样式
Apr 25 Javascript
JS实现匀加速与匀减速运动的方法示例
Sep 04 Javascript
vue-cli扩展多模块打包的示例代码
Apr 09 Javascript
ES6入门教程之let、const的使用方法
Apr 13 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
Jul 08 Javascript
JS多个异步请求 按顺序执行next实现解析
Sep 16 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 #Vue.js
Vue实现todo应用的示例
Feb 20 #Vue.js
JavaScript 绘制饼图的示例
Feb 19 #Javascript
JavaScript 判断浏览器是否是IE
Feb 19 #Javascript
原生JavaScript实现进度条
Feb 19 #Javascript
原生JavaScript实现换肤
Feb 19 #Javascript
基于vue的video播放器的实现示例
Feb 19 #Vue.js
You might like
php 文件夹删除、php清除缓存程序
2009/08/25 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
PHP利用str_replace防注入的方法
2013/11/10 PHP
分享最受欢迎的5款PHP框架
2014/11/27 PHP
php通过各种函数判断0和空
2020/07/04 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
javascript应用:Iframe自适应其加载的内容高度
2007/04/10 Javascript
IE8下关于querySelectorAll()的问题
2010/05/13 Javascript
Jquery 切换不同图片示例代码
2013/12/05 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
2014/05/28 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
2015/06/18 Javascript
避免jQuery名字冲突 noConflict()方法
2016/07/30 Javascript
JS+canvas绘制的动态机械表动画效果
2017/09/12 Javascript
[01:20]PWL S2开团时刻第三期——团战可以输 蝙蝠必须死
2020/11/26 DOTA
Python的Asyncore异步Socket模块及实现端口转发的例子
2016/06/14 Python
python 对象和json互相转换方法
2018/03/22 Python
python3 判断列表是一个空列表的方法
2018/05/04 Python
利用python修改json文件的value方法
2018/12/31 Python
Django如何开发简单的查询接口详解
2019/05/17 Python
TensorFlow——Checkpoint为模型添加检查点的实例
2020/01/21 Python
Python pip install如何修改默认下载路径
2020/04/29 Python
Python批量处理csv并保存过程解析
2020/05/16 Python
python删除文件、清空目录的实现方法
2020/09/23 Python
python中append函数用法讲解
2020/12/11 Python
环法自行车赛官方商店:Le Tour de France
2017/08/27 全球购物
学生实习推荐信范文
2013/11/26 职场文书
成人继续教育实施方案
2014/03/01 职场文书
共产党员承诺书
2014/03/25 职场文书
开学寄语大全
2014/04/08 职场文书
计算机系本科生求职信
2014/05/31 职场文书
我的梦想演讲稿1000字
2014/08/21 职场文书
装饰公司活动策划方案
2014/08/23 职场文书
教师个人教学总结
2015/02/11 职场文书
退休劳动合同怎么写?
2019/10/25 职场文书
python神经网络编程之手写数字识别
2021/05/08 Python
Win10本地连接不见了怎么恢复? win10系统电脑本地连接不见了解决方法
2023/01/09 数码科技