如何在Typescript中创建对象

如何在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中的对象。

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”关键字表示我们正在使用构造方法通过参数初始化的对象。

例子: 在这个例子中,我们将使用构造方法。

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 
}

示例: 在这个例子中,我们将把一个对象作为参数传递给函数。

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中创建对象

阅读更多:JavaScript 教程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程