📜  如何在 Typescript 中创建对象?

📅  最后修改于: 2022-05-13 01:56:27.632000             🧑  作者: Mango

如何在 Typescript 中创建对象?

Typescript是由微软公司创建的面向对象的编程语言,主要为大型项目而设计,Typescript 是具有严格类型语言的 Javascript 代码。我们可以说任何用 Javascript 实现的东西都在 TypeScript 语法中运行,并带有一些额外的附加功能,例如静态类型检查、模块化、基于类的对象、模块化、ES6 特性,以及类似于Java等高级语言的语法。

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

在 typescript 中创建独立对象:从根本上说,Javascript 运行基于模板的代码片段,我们可以在 Object 字面量和构造函数方法的帮助下直接创建对象而无需创建类。

什么是对象字面量?

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

句法:

var Name_of_object = { 
    object_property : value, 
    object_propert : value 
}  

例子:

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


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);


Javascript
var 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);


输出:

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

句法:

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

在这个 Constructor 方法中,我们可以使用“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 中,对象可以作为参数传递给函数,但我们应该添加对象必须包含在该函数中的属性。

句法:

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

例子:

Javascript

var 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);

输出: