关于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 相关文章推荐
在JavaScript中typeof的用途介绍
Apr 11 Javascript
javascript几个易错点记录
Nov 26 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
Oct 26 Javascript
JavaScript获取页面中超链接数量的方法
Nov 09 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
May 14 Javascript
微信小程序 JS动态修改样式的实现代码
Feb 10 Javascript
浅析JS中常用类型转换及运算符表达式
Jul 23 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
Oct 24 Javascript
element-ui循环显示radio控件信息的方法
Aug 24 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
Aug 30 Javascript
vue elementUI 表单校验功能之数组多层嵌套
Jun 04 Javascript
javascript中的this作用域详解
Jul 15 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上的memcache和memcached两个pecl库
2010/03/29 PHP
smarty中英文多编码字符截取乱码问题解决方法
2014/10/28 PHP
如何让CI框架支持service层
2014/10/29 PHP
PHP实现原比例生成缩略图的方法
2016/02/03 PHP
Laravel中注册Facades的步骤详解
2016/03/16 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
jquery 必填项判断表单是否为空的方法
2008/09/14 Javascript
JS实现从连接中获取youtube的key实例
2015/07/02 Javascript
JavaScript实现水平进度条拖拽效果
2017/01/18 Javascript
详解node.js中的npm和webpack配置方法
2018/01/21 Javascript
js经验分享 JavaScript反调试技巧
2018/03/10 Javascript
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
微信小程序使用npm支持踩坑
2018/11/07 Javascript
es6中比较有用的7个技巧小结
2019/07/12 Javascript
jQuery擦除插件eraser使用方法详解
2020/01/11 jQuery
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
vue中keep-alive、activated的探讨和使用详解
2020/07/26 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
python根据出生年份简单计算生肖的方法
2015/03/27 Python
python提取页面内url列表的方法
2015/05/25 Python
用Python抢过年的火车票附源码
2015/12/07 Python
Python中表示字符串的三种方法
2017/09/06 Python
python生成特定分布数的实例
2019/12/05 Python
Django数据库操作之save与update的使用
2020/04/01 Python
python gui开发——制作抖音无水印视频下载工具(附源码)
2021/02/07 Python
澳大利亚最大的网上油画销售画廊:Direct Art Australia
2018/04/15 全球购物
机电一体化毕业生求职信
2013/11/02 职场文书
优秀部门获奖感言
2014/02/14 职场文书
清扬洗发水广告词
2014/03/14 职场文书
yy生日主持词
2014/03/20 职场文书
大学生国家助学金感谢信
2015/01/23 职场文书
给男朋友的道歉短信
2015/05/12 职场文书
元旦晚会开场白
2015/05/29 职场文书
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python
python高温预警数据获取实例
2022/07/23 Python