JavaScript基础(15)—通过function模拟类的定义及使用

最新推荐文章于 2023-01-04 11:46:28 发布
最新推荐文章于 2023-01-04 11:46:28 发布
阅读量335 收藏
点赞数
分类专栏： Javasprict
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/msirene/article/details/23978401
版权 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>javascript026.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    <script type="text/javascript">
		//面向对象中，最核心的概念就是类。
		//类表示具有相似性质的一类事物的抽象。
		//通过实例化一个类,就能够得到一个类的对象。
		//我们如何自己定义对象呢?通过刚才的讲解,我们想到了使用function模拟。
		/*
			在java中，定义类格式如下：
				class 类名
				{
						
				}
			
		*/
		
		//定义一个类：定义了一个Person类。
		function Person()
		{
				
		}
		
		//问题来了,类定义好了，怎么用啊。
		//回想：new Date(),new String()
		//new操作符不仅仅对js的内置对象有效，对用户自定义的类也是同样有效的。
		//也就是说，你完全可以使用new关键字来创建自定义类的对象。
		var p = new Person();
		//alert(typeof p); //object
		//alert(typeof Person); //function
		
		//这个对象没有任何属性的和功能。
		//其实也就是这个类没有。怎么办呢？如何给对象添加属性和功能呢?
	</script>
  </body>
</html>

msirene
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
模拟实现function模板类接收不同可调用对象的功能
Goallegoal的博客
03-30 156
模拟实现function模板类接收不同可调用对象的功能 #include <iostream> #include <functional> using namespace std; namespace myTest { template<typename T, typename ...ARGS> class base { public: virtual T run(ARGS...) = 0; virtual base<T, ARGS...> *get
用JavaScript模拟类的实现
05-11 1223
构造函数: function ClassName(argument list){  initialize....  this.xxx=xxx; }增加属性: 有两种方法: 1.在构造函数的参数列表中加入。 2.在构造函数后面手动加入。 ClassName.prototype.XXX增加方法: 在构造函数后面手动加入。 ClassName.prototype.XXX=function(argumen
面向对象的JavaScript （一、对象基础，使用函数来模拟类）
本事记的富伟徐
12-22 107
function Person(name, age) { 　2 　3　　//私有变量(private variables) 　4　　var myName = name; 　5　　var myAge = age; 　6 　7　　//公共属性(public properties) 　8　　this.name = myName; 　9　　this.age = myAge; 10　　 ...
JS 怎样模拟类的特性
weixin_33775572的博客
04-01 126
function Animal(){} function Dog(){} 1.实现 Dog 继承 Animal Dog.prototype = Object.create(Animal.prototype) 背景知识： 要实现 Dog 继承 Animal, 就是要实现 new Dog() instanceof Animal 为真 就是要实现 new Dog().__pro...
JavaScript“面向对象编程”(4)——function也是“类”
qq_34573534的博客
08-15 257
function在JavaScript中用来创建函数或方法，但要想实现面向对象方式的编程，类是不可或缺的角色之一，而且是主角。但JavaScript中并没有类概念，所谓的类也是模拟而来，通过函数加闭包模拟出类成员及私有成员(关于闭包可以参见跨越边界: 闭包)。这里我们将用比较平实的方式来了解一下JavaScript中的“类”，避开一些生硬的原理。 既然是用function...
Javascript使用function创建类的两种方法(推荐)
10-21
然而，在ES6之前，开发者们多采用函数来模拟类的行为。本文将介绍两种使用函数创建类的方法。 第一种方法是通过在函数中定义属性和方法来创建类，然后通过new关键字实例化对象。这种方式的示例如下： ```...
如何用JavaScript定义一个类
10-25
然而，即使在ES6之前，我们也能通过其他方式模拟类的行为，如使用构造函数和原型链。 构造函数是一种特殊类型的函数，通常用于初始化新创建的对象。在描述中提到的`function Dog()`就是一个简单的构造函数，用于...
Javascript定义类（class）的三种方法详解
10-24
构造函数法是最常见的模拟类的方式，通过使用函数作为类的模板。构造函数通常以大写字母开头，表示它们是特殊类型的函数，用于创建对象实例。在构造函数内部，`this` 关键字代表新创建的对象实例。例如： ```...
JavaScript 模拟类机制及私有变量的方法及思路
10-27
JavaScript模拟类机制及私有变量方法思路 在JavaScript中，原生并不支持传统的类继承和私有成员，而开发中有时需要类似的功能。于是，开发者们就发明了各种方法来模拟类机制，以及实现类似私有变量的功能。本文将...
javascript中定义类的方法汇总
10-24
这模拟了其他面向对象语言中的类定义，其代码示例如下： ```javascript function Car(color, door) { this.color = color; this.doors = door; this.arr = new Array("aa", "bb"); } Car.prototype.showColor =...
JavaScript通过function定义对象并给对象添加toString()方法实例分析
10-24
主要介绍了JavaScript通过function定义对象并给对象添加toString()方法,实例分析了javascript中function定义对象及添加方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
Javascript使用function创建类的两种方法
weixin_34163553的博客
07-13 198
  1、使用function类 //myFunction.js var CMyFunc=function() { //类的公共方法，供外部调用 this.Func1=function() { var i=0; return i; } this.Func2=function() { _privateFunc(); } //类中的私有方法，供公共方法调用 f...
Function类型
weixin_34107955的博客
10-26 114
一、定义函数的三种方式 函数声明方式 function a(){} 定义函数表达式方式 var a = function(){}; 构造函数方式 var a = new Function(...arg,function){} 不推荐，但是指明了函数是对象， 二、函数是对象，那么函数名就是指针，跟包含对象指针的其他变量没有什么不同。 三、函数声明跟定义函数表达式区别 函数声明在解析过程中会被...
[前端攻坚]：如何优雅的用function实现一个class
军火库
12-20 371
废话少说，开始写出我们的class 这是一个平平无奇的class，接着我们使用function来对其进行一下实现。 好的本期水文到此结束谢谢大家！！！？？？||||||你没走！好样的！你很有进大厂的天赋哦！让我们继续完善一下function的实现，我们先一步一步来 对于类的调用，只能通过new来进行实例化，而不能通过直接调用，下面我们在function来实现这个操作如何判断是通过new调用而不是通过直接调用，这个时候this的熟练度就显得比较重要了，不熟悉也不要急，让我们一起来打印看看 对于new调用，函
JavaScript Function 对象（类）
you1659860778的专栏
02-03 112
  JavaScript 最令人感兴趣的可能莫过于函数实际上是功能完整的对象。 Function 类可以表示开发者定义的任何函数。 用 Function 类直接创建函数的语法如下： var function_name = new function(arg1, arg2, ..., argN, function_body) 在上面的形式中，每个 arg 都是一个参数，最后一个参数是函数主体...
javascript定义类，添加属性和方法
com_hzy_app的博客
07-05 455
// 定义类function Person(name,sex) {this.name=name; // 定义一个属性 namethis.sex=sex; // 定义一个属性 sexthis.say=function(){ // 定义一个方法 say()return "嗨！大家好，我的名字是 " + this.name + " ，性别是 " + this.sex + "
class与function定义类的区别？
Asrty的博客
10-21 348
class与function定义类的区别？
C++：std::function模板类
最新发布
C++ JAVA的专栏
01-04 1780
C++：std::function模板类
Javascript定义类三种方法
wyaspnet的专栏
03-10 3270
http://www.ibm.com/developerworks/cn/web/wa-jqplugin/#download http://www.php100.com/html/webkaifa/javascript/2008/0905/1499.html http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_ja
JavaScript面向对象基础：AJAX中的类与实例化
在JavaScript中，通常使用函数来模拟类的概念，如下所示： ```javascript function Class1() { // 类成员的定义及构造函数 } ``` 这里的`Class1`是一个函数，同时也是一个类。它扮演了构造函数的角色，负责创建和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值