js new 操作符

最新推荐文章于 2024-07-06 16:47:02 发布

yxc_gdut

最新推荐文章于 2024-07-06 16:47:02 发布

阅读量135

点赞数

分类专栏： javascript 文章标签： javascript js new new操作符做了什么操作 ViewUI

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

今天验证了下js 的 new操作符，我们使用new的时候，js编译器做了什么？

以下是测试代码：

<!DOCTYPE HTML>
<html>
  <head>
    <title>new operator</title>
    <meta http-equiv="content-type" content="text/html; charset=GB2312">
  </head>
  <body>
	<script>
		console.group("new 操作 js解析器具体做了什么？");
		var global;
		var Person = function(name){
			this.name = name;
			console.log("执行Person函数");
			global = this;//记录this指针
		}
		console.assert(Person.prototype.constructor === Person);//constructor属性在Person被定义的时候已经确定，new操作并没有设置constructor
		proto = {
			age:10,
			class:3
		}
		Person.prototype = proto;
		
		var p = new Person();
		
		global===p && console.log("1、执行Person函数时候，this指向新建对象");
		p.__proto__ === Person.prototype && console.log("2、将Person的prototype赋值给新对象的__proto__属性");
		global===p && console.log("3、返回this对象,如果Person有自己的返回对象(即 return x )，如果x不为基本数据类型，则返回x而不是this对象");
		
		//__proto__属性是浏览器内部属性,用于原形链，对象的原形链就是通过这个属性连接的
		//__proto__属性，对程序开发透明，部分浏览器允许访问
		//如果浏览器禁止访问__proto__属性，可以为proto加个属性，看p前后变化就知道 p.__proto__是否指向Person.prototype
		//console.log("p.addr",p.addr);//undefined
		//proto.addr = "load";
		//console.log("p.addr",p.addr);//load
		console.groupEnd("new 操作 js解析器具体做了什么？");
	</script>
  </body>
</html>

以下是运行结果：

当我们new一个对象的时候 js编译器做了一下操作
	
    1、创建一个新的o 将Person的prototype对象复制给o
    2、调用构造函数，this指向o 如 var returnObject = constructor.apply(o,arguments)
    3、如果returnObject是一个对象 返回returnObject，否则返回object

yxc_gdut

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js new 操作符

今天验证了下js 的 new操作符，我们使用new的时候，js编译器做了什么？以下是测试代码：&lt;!DOCTYPE HTML&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt;new operator&lt;/title&gt; &lt;meta http-equiv="content-type...
复制链接

扫一扫