ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript 创建对象

2022-08-07 11:30:33  阅读:444  来源: 互联网

标签:name People 对象 javascript 创建对象 原型 构造函数 属性


创建具有相同属性和方法的对象

1.构造函数

构造函数首字母大写,在构造函数内给this添加我想要的属性即可

function Person(name){
         this.name=name;
         this.sayName=function(){
         console.log(this.name);
          };
        }
//在构造函数内给this添加我需要的属性即可
//这个版本的Person构造函数接受一个命名参数name,并将其赋值给this对象的name属性。同时,构造函数还给对象添加了一个sayName()方法

当你调用构造函数时,new会自动创建this对象,且其类型就是构造函数的类型

构造函数创建好之后使用new来进行对象的实例化

1 var person1=new Person("yyqx");
2 var person2=new Person("syx");
3 console.log(person1.name);
4 person2.sayName();

2.原型对象

一次性为所有对象定义方法的理想手段

将方法放在原型对象中并用this访问当前实例是更有效的做法。

 1 function People(name){
 2     this.name=name;
 3             }
 4 People.prototype={
 5     constructor:People,//使用对象字面量创建的对象改变了构造函数的属性,因此默认指向OBJECT,必须显式的指定指向People
 6                 
 7     sayName:function(){
 8         console.log(this.name);
 9         },
10     toString:function(){
11         return "[People:"+this.name+"]";
12         }
13     };
14 var people1=new People("gtt");
15 var people2=new People("lyw");
16 people1.sayName();
17 console.log(people1.toString());

//另一种给构造函数添加原型对象的方法

People.prototype.sayHi=function(){
  console.log("Hi"+this.name);
}

//给原型对象添加新成员,都可以立即被已经存在的对象实例引用

 

2.1 判断一个属性是不是原型对象

function hasPrototypeProperty(object,name){
                return name in object &&!object.hasOwnProperty(name);
            }
//这个函数接受两个参数:一个是对象名A,一个参数属性名B。用来判断属性B是不是对象A的原型属性
 

如果某个属性in一个对象,但hasOwnProperty()返回false,那么这个属性就是一个原型属性

2.2 prototype属性和原型对象链

prototype 只包含一个指向原型对象的指针,

任何对原型对象的改变都立即反映到所有引用它的对象上

 

 

 

 

 当读取一个对象的属性时,JavaScript引擎首先在该对象的自有属性中查找属性名字。如果找到则返回。

如果自有属性中不包含该名字,则JavaScript会搜索[[Prototype]]中的对象。如果找到则返回。

如果找不到,则返回undefined。

沿着原型链查找对象属性,原型链接上最后一个是Object.prototype,值为null

2.3

标签:name,People,对象,javascript,创建对象,原型,构造函数,属性
来源: https://www.cnblogs.com/ttguo/p/16558714.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有