如何在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
);
输出:
什么是构造方法: 构造方法主要用于初始化使用类创建的对象,注意,一个定义的类只能有一个特殊的构造方法,如果在一个类中添加了多个构造方法,则会抛出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中,对象可以作为函数的参数传递,但我们应该在函数中添加对象必须包含的属性。
语法:
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);
输出:
阅读更多:JavaScript 教程