面向对象javascript_javascript编程软件

JavaScript核心编程来源：网络编辑：小编更新时间：2024-11-20 19:54:11 浏览量：14

什么是面向对象编程？
官方解释：面向对象程序设计(Object Oriented Programming)作为一种新方法，其本质是以建立模型体现出来的抽象思维过程和面向对象的方法。模型是用来反映现实世界中事物特征的。任何一个模型都不可能反映客观事物的一切具体特征，只能对事物特征和变化规律的一种抽象，且在它所涉及的范围内更普遍、更集中、更深刻地描述客体的特征。通过建立模型而达到的抽象是人们对客体认识的深化。

通过查阅各种各样的对面向对象编程的解释，对面向对象有了一些理解：面向对象是相对于面向过程而言的。面向对象其实就是注重的是对象，以设定对象为基础，附上方法和属性来描述一个事件。而面向过程注重的是过程，也就是一个事情完成的步骤。例如：开车去高铁站。面向过程是：1.去那里取车 2.开什么车3.去高铁站的路怎么开4.到高铁站面向对象：我、车：、高铁站，我开车去高铁站。
TypeScript 类的用法
TypeScript 是面向对象的 JavaScript。
类描述了所创建的对象共同的属性和方法。
TypeScript 支持面向对象的所有特性，比如类、接口等。
TypeScript 类定义方式如下：

class a { 
    // 类作用域 }

定义类的关键字为 class，后面紧跟类名，类可以包含以下几个模块（类的数据成员）：
字段 − 字段是类里面声明的变量。字段表示对象的有关数据。
构造函数 − 类实例化时调用，可以为类的对象分配内存。
方法 − 方法为对象要执行的操作。

创建类的数据成员
以下实例我们声明了类 Car，包含字段为 name，构造函数在类实例化后初始化字段 name。
this 关键字表示当前类实例化的对象。注意构造函数的参数名与字段名相同，this.name 表示类的字段。
此外我们也在类中定义了一个方法 self()。

class Car { 
    // 字段  name:string; // 构造函数  constructor(nmae:string) { 
    this.nmae= nmae } // 方法  self():void { 
    console.log("我的名字是 : "+this.nmae) } }

编译以上代码，得到以下 JavaScript 代码：

var Car = / @class */ (function () { 
    // 构造函数  function Car(nmae) { 
    this.nmae = nmae; } // 方法  Car.prototype.self = function () { 
    console.log("我的名字是 : " + this.nmae); }; return Car; }());

var object_name = new class_name([ arguments ])

类实例化时会调用构造函数，例如：

var obj = new Car("nmae")

类中的字段属性和方法可以使用 . 号来访问：

// 访问属性 obj.name // 访问方法 obj.self()

class Car { 
    // 字段 nmae:string; // 构造函数 constructor(nmae:string) { 
    this.nmae = nmae } // 方法 self():void { 
    console.log("我的名字是 : "+this.nmae) } } // 创建一个对象 var obj = new Car("lwl") // 访问字段 console.log("我的名字是 : "+obj.nmae) // 访问方法 obj.self()

编译以上代码，得到以下 JavaScript 代码：

var Car = / @class */ (function () { 
    // 构造函数 function Car(nmae) { 
    this.nmae = nmae; } // 方法 Car.prototype.self = function () { 
    console.log("我的名字是 : " + this.nmae); }; return Car; }()); // 创建一个对象 var obj = new Car("lwl"); // 访问字段 console.log("我的名字是 : " + obj.nmae); // 访问方法 obj.self();

static 关键字
static 关键字用于定义类的数据成员（属性和方法）为静态的，静态成员可以直接通过类名调用。

class Staticnmae { 
    static name:string; static self():void { 
    console.log("num 值为 "+ Staticnmae.name) } } Staticnmae.name = 'lwl' // 初始化静态变量 StaticMem.self() // 调用静态方法

到此这篇面向对象javascript_javascript编程软件的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！

上一篇：正则 split_javascript编程软件

下一篇： tkinter 面向对象编程_JavaScript面向对象

版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdjs/1166.html

相关文章：