javaScript-关于new的笔记

最新推荐文章于 2024-03-08 23:01:16 发布

落瞳不是无情物

最新推荐文章于 2024-03-08 23:01:16 发布

阅读量228

点赞数

分类专栏： javaScript

本文链接：https://blog.youkuaiyun.com/qq_40692287/article/details/78361536

版权

javaScript 专栏收录该内容

1 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>new实现</title>
</head>
<body>
<script type="text/javascript">
/*
new操作符的5个步骤:
1.开辟空间，定义对象
2.赋值属性给对象
3.将对象和this关联
4.对象和原型关联
5.返回这个对象
*/
//用 new 操作符或文字记号创建一个自定义对象都是简单的,也是符合逻辑的.但它最大的缺点就是结果不可复用.也不能很容易的用不同的版本初始化创建对象
function Person(name,age){
this.name =name;
this.age=age;
//return null;
}
var p1=new Person('Bob',18);
console.log(p1);

function myNew(f){
if(typeof f()==="object" && f()!==null){
return function(){
return f();
};
}
//var o={};
//o.__proto__=f.prototype;
//不能写在外面
//写在外面p3_1与p3_2会都为Person {name: "QUEEN", age: 19}
return function(){
//var o={};
//var o=new Object();
//o.__proto__=f.prototype;
var o={
"__proto__":f.prototype
};
f.apply(o, arguments);
return o;
}
}
var p2=myNew(Person)("Job",19);
console.log(p2);
var p3=myNew(Person);
var p3_1=p3('KING',20);
var p3_2=p3('QUEEN',19);
console.log(p3_1);
console.log(p3_2);

function Cat(height,weight){
this.height=height;
this.weight=weight;
}
Cat.prototype.call=function(){
console.log('weight= '+this.weight);
}
var c=myNew(Cat)('30','1kg');
c.call();
console.log(c);

function Dog(){}
var d=myNew(Dog)();
console.log(d);

</script>
</body>
</html>