js函数对象的小demo

最新推荐文章于 2023-02-08 13:21:13 发布

原创最新推荐文章于 2023-02-08 13:21:13 发布 · 305 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#新手js #js函数对象 #js面向对象编程

本文深入探讨了JavaScript中的面向对象编程概念，对比了与Java中类和对象的区别，通过实例详细解析了如何使用Prototype来扩展对象属性和方法，以及在创建多个对象时属性的继承与使用方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js面向对象编程

学过java的都知道对象,类的区别以及在代码中的相关使用,但是js中没有类的概念,只有对象的概念,下面附上代码

function ptotoTest(name,age){
	this.name = name;
	this.age = age;
};

ptotoTest.prototype.sex= "male"
var demo2 = new ptotoTest("zhangch",20);
console.log(demo2.sex);
console.log(demo2.__proto__);
console.log(ptotoTest.prototype);

大家知道打印出来的结果分别是啥吗? male,ptotoTest {sex: "male"},ptotoTest {sex: "male"}

prototype 用来给函数对象添加一个属性,protototype的具体用法可以自己去查看一下,下面的代码是创建对个对象的时候,属性的使用方式,之前创建的对象不能使用后面的属性

function ptotoTest(name,age){
	this.name = name;
	this.age = age;
};
var demo1 = new ptotoTest("liuzz",18);
console.log(demo1.sex);
ptotoTest.prototype.sex= "male"
var demo2 = new ptotoTest("zhangch",20);
console.log(demo2.sex);