JavaScript中的this和prototype

最新推荐文章于 2025-06-05 09:01:52 发布
最新推荐文章于 2025-06-05 09:01:52 发布
阅读量535 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript+Html 文章标签： javascript prototype function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jaychouliyu/article/details/6275683
本文通过一个简单的JavaScript示例展示了如何使用this关键字和prototype来定义对象的实例属性，并解释了这些属性只能通过对象实例访问的原因。

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

如下所示：

function ClassB()

{

  this.PB=0;

  ClassB.prototype.PA=90; //也可以定义在ClassB外面

}

var Ins=new ClassB();

alert(Ins.PB); //0

alert(Ins.PA); //90

 

alert(ClassB.PB); //undefined

alert(ClassB.PA); //undefined

 

 

说明this和prototype定义的属性只能是对象的实例才能访问。

javascript中的this和prototype介绍
TJ1532635942的博客
08-21 900
1、this js函数中方的this在函数被调用之前是不确定的，this指向的是函数最后被调用的对象，例如: 可以看到，当第一次直接调用test('t1'),此时是window对象调用的，在调用方法之前window对象里没有fn_name属性，但是调用之后却多出来这个属性来；然后是通过obj来调用方法后，在obj方法里也有了这个属性。这就是通过this的作用做到的，它始终指向的是最后调用它的那个对象的。 2、prototype 注意：一下只是我个人的见解，需要详细了解prototype的可.
JavaScript中几个重要的属性(this、constructor、prototype)介绍
12-12
this this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 先看一个在全局作用范围内使用this的例子： 代码如下: [removed] console.log( === window); console.log(window.alert === .alert); console.log(.parseInt(, 10)); [removed] 函数中的this是在运行时决定的，而
JavaScript学习总结(三)——this、原型、javascript面向对象
weixin_34175509的博客
12-26 168
目录 一、this 1.1、JavaScript中函数与方法的区分 1.2、指向全局对象 1.3、作为方法调用 1.4、在构造函数中的this 1.5、指定this指向的对象 1.6、作为事件时的this 1.7、小结 二、原型（prototype） 1.1、为什么需要prototype 1.2、typeof与instanceof 1.2.1、typeof 1.2.2、instance...
深入理解JavaScript中的this与对象原型：原型机制解析
最新发布
gitblog_01010的博客
06-05 420
深入理解JavaScript中的this与对象原型：原型机制解析 前言 在JavaScript中，原型(prototype)是一个核心概念，但往往也是最令人困惑的部分之一。本文将从技术专家的角度，系统地解析JavaScript的原型机制，帮助你彻底理解[[Prototype]]链、原型继承以及相关的设计模式。 [[Prototype]]链的本质 什么是[[Prototype]] 每个JavaScr...
javascript中的this和prototype学习
一个有趣、有料、有内涵的地方!
01-08 831
学习是循序渐进的。作为前端菜鸟，也在一步一步慢慢学习当中。我不太习惯只是听原理学知识，看例子学习更适合我，而且学的更快。前端跟后端不同，写些代码 页面就会有些反应。最近在学习js中的闭包，对象，类，继承，this，prototype，call，apply。这些看起来很多，其实都是有联系的 ，比如技术中的四个继承方式中第一个：对象冒泡方式就是用的this，另两个call apply方式学习的时候就得
JavaScript的this、new、prototype
gyutdcu的博客
08-09 205
this指的是一个对象，而this关键字所在的函数被哪个对象调用，this就是哪个对象。如果没有调用者，则为window对象。下方为在打印全局下的this的结果，为window对象，像平时定义的变量和函数就是作为window对象的成员保存起来的。上述示例为网上流传得比较广的JavaScript中this执向的例题。首先是通过obj去调用成员method的函数。
JavaScript中Object.prototype.toString方法的原理
10-22
为了增强代码的可读性和维护性，一些流行的JavaScript库，如jQuery，提供了自己的类型检测方法（如$.type()），这些方法内部也使用了Object.prototype.toString来判断对象的类型。所以，无论你是直接使用Object....
JavaScript类和继承 prototype属性
12-11
我们已经在第一章中使用prototype属性模拟类和继承的实现。 prototype属性本质上还是一个JavaScript对象。 并且每个函数都有一个默认的prototype属性。 如果这个函数被用在创建自定义对象的场景中，我们称这个函数为...
比较详细的javascript对象的property和prototype是什么一种关系
10-30
在 JavaScript 中，对象是语言的基本组成部分，对象可以拥有属性（Property）和原型（Prototype）。理解对象的 Property 和 Prototype 关系是 JavaScript 编程的基础。 Property 在 JavaScript 中，对象的 ...
js中的this和prototype
07-09 1075
定义一张车票var ticket = function(){ //定义车票，还没有被卖出去 this.price = 170; //车票价格 }直接alert(ticket.price)提示undefined，因为车票没有被卖出去（没有实例化）var zhangsan = new ticket(); //代表被卖出去了 alert(zhangsan.price); //打印：170var l
Js中this与prototype
u012362458的博客
02-26 499
对于js中this创建的对象，相当于改变了自身的字面量，而本身有一个自带的属性为prototype，这个不属于字面量的内容
JS之prototype this
frankenjoy123的专栏
02-15 698
this this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 先看一个在全局作用范围内使用this的例子： console.log(this === window); // tr
JavaScript继承详解（二）
weixin_34292959的博客
07-08 124
  文章截图 - 更好的排版   这一章我们将会重点介绍JavaScript中几个重要的属性（this、constructor、prototype）， 这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。 this this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行...
JavaScript进阶：this和prototype
cho_jun的博客
08-03 384
一、this 1、this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。看一个例子：alert(this == window); //true再看一个例子： // 定义一个全局函数
关于js中this 和 prototype的 理解。
x6587305x的专栏
09-07 2910
最近 写了一阵子 js 。从一个啥也不懂的超级菜鸟。然后 用了一些开源库。 发展到写代码。 也只是 一大堆 乱七八糟的 实现功能就行。 再到现在开始 约束自己。写成类。 写封装。  学着写类的时候。 对于 this 和prototype的区别 总是不能理解。 今天闲下来 就自己测试 研究了一下。         首先 经常看到的说法是 prototype 是全局的。公共的。  比如： fun
史上最通俗易懂的关于JavaScript 的 prototype、原型继承、this指针的讲解
wanghaoming100的专栏
05-07 1202
起这个题目不是为了装*，只是在网上看了太多文章，都是写的云里雾里，一怒之下决定自己写一个。由于这篇文章属于原创，本人也是刚刚学习Javascript，对于很多细节的理解如果有写的不对的地方欢迎指正。 首先讲两个概念面向对象和基于对象。所谓面向对象，应该好理解，目前最主流的程序开发语言都是面向对象的。像Java、C++这些先定义类，然后创建该类的对象的编程方法就是面向对象编程了。 那么什么是基于对
用实例谈谈javascript中的this和prototype
yingyiledi的专栏
05-07 9402
js语言应用中，面向对象的思想非常
关于JavaScript中的this和prototype在面向对象上的简单例子
十里洋场
05-09 707
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><he
深入理解JavaScript的this、constructor与prototype
在JavaScript中，理解并掌握几个关键属性对于深入理解面向对象编程至关重要。这三个属性是`this`、`...在实际编程中，理解何时以及如何正确地使用`this`、`constructor`和`prototype`，对提升代码质量具有重要作用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值