如何在 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);
输出: