首页 > 其他分享 >js new运算符

js new运算符

时间:2023-04-12 15:13:47浏览次数:33  
标签:console log color car1 js 运算符 new original

1、new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。(通过构造函数来创建一个实例对象)

2、new做了什么?

     ①创建一个临时对象 

  ②为该临时对象添加属性 __proto__,将该属性链接至构造函数的原型对象(绑定原型)

  ③将this指向该临时对象

  ④执行构造函数

  ⑤返回临时对象

//new的过程
function Fun(name){ this.name=name ; return this; } var obj={} obj.__proto__=Fun.prototype; var foo=Fun.call(obj,'ducky'); console.log(foo); //Fun {name: 'ducky'}

3、例子说明:

function Car() {}
car1 = new Car();
car2 = new Car();

console.log(car1.color);    // undefined

Car.prototype.color = "original color";
console.log(car1.color);    // original color

car1.color = 'black';
console.log(car1.color);   // black

console.log(car1.__proto__.color) //original color
console.log(car2.__proto__.color) //original color
console.log(car1.color)  // black
console.log(car2.color) // original color

  

 

标签:console,log,color,car1,js,运算符,new,original
From: https://www.cnblogs.com/ducky-L/p/17309840.html

相关文章

  • centos7部署nodejs脚本
    在服务器运行nodejs脚本中,遇到三个问题,进行记录1.用到sharp依赖,但是在服务器上安装不成功,依赖会从github上下载不下来解决:设置使用sharp对应的镜像地址npmconfigsetsharp_binary_host"https://npmmirror.com/mirrors/sharp"npmconfigsetsharp_libvips_binary_host"ht......
  • js-函数记忆
    函数记忆:指将上次的(计算结果)缓存起来,当下次调用时,如果遇到相同的(参数),就直接返回(缓存中的数据)。实现原理:将参数和对应的结果保存在对象中,再次调用时,判断对象key是否存在,存在返回缓存的值。functionmemorize(){constcache={};returnfunction(){constkey=A......
  • Python json基本使用json.dumps() 和json.loads()
    Python中json的基本使用 json.dumps()和json.loads()JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,它是JavaScript的子集,易于人阅读和编写。Json最广泛的应用是作为AJAX中web服务器和客户端的通讯的数据格式,现在也常用于http请求中。Python中可用json模块来......
  • Vue.js 路由的props配置
    视频index.js(解构赋值,连续解构赋值)Message.vue7.路由的props配置​ 作用:让路由组件更方便的收到参数{ name:'xiangqing', path:'detail/:id', component:Detail, //第一种写法:props值为对象,该对象中所有的key-value的组合最终都会通过props传给Detail组件 //pr......
  • 逍遥自在学C语言 | 位运算符^的高级用法
    前言在上一篇文章中,我们介绍了|运算符的高级用法,本篇文章,我们将介绍^运算符的一些高级用法。一、人物简介第一位闪亮登场,有请今后会一直教我们C语言的老师——自在。第二位上场的是和我们一起学习的小白程序猿——逍遥。二、交换两个变量的值#include<stdio.h>......
  • js加载的六种方式
    1.正常模式 <scriptsrc="index.js"></script> 这种情况下JS会阻塞dom渲染,浏览器必须等待index.js加载和执行完成后才能去做其它事情2.async模式<scriptasyncsrc="index.js"></script>async模式下,它的加载是异步的,JS不会阻塞DOM的渲染,async加载是无......
  • nodejs连接mysql数据库
      https://www.cnblogs.com/hechunfeng/p/17308654.html这个是安装数据库   1.我们先建一个表和插入一下字段,这些都是自己弄的    2.安装npminstallmysqlconst{createPool}=require('mysql');constpool=createPool({host:"localhost",......
  • 网页单位为(rem)时,js控制自适应字体大小
    //js部分:屏幕大小决定根元素字体大小(functionflexible(window,document){functionresetFontSize(){constsize=(document.documentElement.clientWidth/1920)*16;//1920为设计稿宽度if(document.documentElement.clientWidth>1920){doc......
  • new bing侧边栏撰写功能尝试--STM32的使用
    生成结果如下:stm32的使用stm32是一种基于ARMCortex-M内核的32位微控制器,由意法半导体(ST)推出。stm32具有超低的价格、超多的外设、丰富的型号、优异的实时性、极低的开发成本等优势,是目前市场上最受欢迎的单片机之一。本文将介绍stm32的基本特点和使用方法,帮助新手入门stm32的......
  • 全网最详细中英文ChatGPT-GPT-4示例文档-场景问题智能生成从0到1快速入门——官网推荐
    目录Introduce简介setting设置Prompt提示Sampleresponse回复样本APIrequest接口请求python接口请求示例node.js接口请求示例curl命令示例json格式示例其它资料下载ChatGPT是目前最先进的AI聊天机器人,它能够理解图片和文字,生成流畅和有趣的回答。如果你想跟上AI时代的潮流......