TypeScript 如何创建对象

TypeScript 是一种面向对象的编程语言，由Microsoft Corporation创建，主要用于大型项目。TypeScript是带有严格类型语言的JavaScript代码。我们可以说任何用JavaScript实现的东西都可以在TypeScript语法中运行，同时还添加了一些额外的特性，如静态类型检查、模块化、基于类的对象、ES6特性，以及类似于高级语言Java的语法。

在TypeScript中创建对象: 现在，让我们看看使用TypeScript可以创建对象的多种方式。

在TypeScript中创建独立的对象: 基本上，JavaScript是使用基于模板的代码片段运行的，我们可以直接创建对象而不需要创建类，可以借助对象字面量和构造函数方法来创建对象。

什么是对象字面量？

对象字面量通常被定义为一组存储在逗号分隔列表中的名称-值对。

语法:

let Name_of_object = { 
    object_property : value, 
    object_property : value 
}

示例： 在此示例中，我们将在typescript中创建一个对象。

Javascript

let Employee_details = {
    Empname: "John",
    EmpSection: "field"
 
}
console.log("Employee Name is:" + 
    Employee_details.Empname + 
    " Employee's section is:"
    + Employee_details.EmpSection
);

输出：

TypeScript 如何创建对象

什么是构造方法： 构造方法主要用于初始化使用类创建的对象，请注意在一个定义的类中只能有一个特殊方法可以享有“构造方法”的状态，如果在类中添加了多个构造方法，将会抛出SyntaxError。

语法：

function Name_Of_Constructor( property1, property2, ...) {}

在这个构造函数方法内，我们可以使用“this”关键字将参数值初始化给对象的属性。

function Name_Of_Constructor( property1, property2, ...) { 
    this.property1 = parameter_value; 
    this.property2 = parameter_value; 
}

或

我们可以声明对象和参数的两个具有相同名称的属性。

function Name_Of_Constructor( property1, property2, ...) {
    this.property1 = property1;
    this.property2 = property2;
}

“this”关键字引用具有所需参数的对象属性，简单地说，“this”关键字代表了我们通过构造方法来初始化参数的对象。

示例： 在这个示例中，我们将使用构造方法。

Javascript

function Employee(Employee_fn, Employee_ln, Employee_age) {
   this.fn = Employee_fn;
   this.ln = Employee_ln;
   this.age = Employee_age;
}
 
var p1 = new Employee("Raviteja", "Velamuri", 24);
console.log("Name: " + p1.fn + " " + p1.ln);
console.log("Age: " + p1.age);

输出：

TypeScript 如何创建对象

将对象作为参数传递给函数： 现在，让我们探讨如何将对象作为参数值传递给函数。通常，在TypeScript中，对象可以作为参数传递给函数，但在函数中我们应该添加对象必须包含的属性。

语法：

let Name_Of_Object {
    property = property.value ; 
} 
function function_name( 
    obj : { property_name : property_type } 
) : return_type { 
    obj_param.property 
}

示例： 在这个示例中，我们将一个对象作为参数传递给函数。

JavaScript

let employee = {
    firstname: " Raviteja ",
    lastname: " Velamuri ",  
}
function display( obj: { 
    firstname:String,lastname:String
}) : void {  
    console.log("Name is"+obj.firstname+" "+
        "lastname is"+" "+obj.lastname);
}  
 
display(employee);

输出：

TypeScript 如何创建对象