合肥网站到首页排名,一般公司网站用什么域名套餐,2003服务器怎么挂网站,wordpress没有找到站点背景
根据鸿蒙官方的说明#xff1a;
ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript#xff08;简称TS#xff09;生态基础上做了进一步扩展#xff0c;继承了TS的所有特性#xff0c;是TS的超集。因此#xff0c;在学习ArkTS语言之前#…背景
根据鸿蒙官方的说明
ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript简称TS生态基础上做了进一步扩展继承了TS的所有特性是TS的超集。因此在学习ArkTS语言之前建议开发者具备TS语言开发能力。
所以首先需要学习 TypeScript。
TypeScript 是一种由微软开发的开源编程语言它是 JavaScript 的一个超集添加了静态类型和其他一些新特性。TypeScript 可以编译为普通的 JavaScript 代码因此可以在任何支持 JavaScript 的地方运行并且可以与现有的 JavaScript 代码无缝集成。
以下是 TypeScript 的一些主要特点和优势1.静态类型TypeScript 引入了静态类型系统允许开发人员为变量、函数参数、函数返回值等添加类型注解。这有助于在编码阶段捕获类型错误提高代码的可读性、可维护性和可靠性。
2.类型推断TypeScript 可以根据上下文自动推断变量的类型这意味着您不必为每个变量都显式指定类型可以节省大量的代码。
3.面向对象编程TypeScript 支持类、接口、继承、多态等面向对象编程的特性使得代码更具组织性和可扩展性。
4.工具支持TypeScript 提供了丰富的工具支持包括代码编辑器如 Visual Studio Code、调试器、构建工具等可以提高开发效率。
5.ES6 支持TypeScript 支持最新的 ECMAScript 标准包括箭头函数、解构赋值、类、模块等特性可以让您在开发过程中使用最新的 JavaScript 功能。
总的来说TypeScript 是一种强类型的、可扩展的、面向对象的编程语言它为 JavaScript 开发者提供了更好的工具和语言特性编写更加可靠和易维护的代码。
1. 基础类型
和其他语言一样, TypeScript 也有自己的基础类型:
布尔值 : boolean数字 : number, 包含整数, 浮点数, 进制数字等字符串 : string动态类型 : any(动态内容)空 : null 和 undefined(所有类型的子类型)
示例如下:
let isComplete : boolean false;
let a :number 3; //整数
let b :number 3.0; //浮点数
let doubleNumber: number 3.141592653589793; //高精度浮点数
let c :number 0xf00; //十六进制
let d :number 0b001; //二进制
let f :number 0o744; //八进制
let s: string 123;
let s1: string 123;
let s3: string name is ${s1},
age is 12; //字符模板可换行
let notSure: any 4;
notSure 123;
notSure false;
let u:null null;
let n:undefined undefined;除了上述类型外还有:
数组元组 Tuple : 元组类型允许表示一个已知元素数量和类型的数组各元素的类型不必相同。 比如你可以定义一对值分别为 string和number类型的元组。Void : void类型像是与any类型相反它表示没有任何类型. 作为函数的返回值Never : 表示的是那些永不存在的值的类型。 例如never类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型 变量也可能是never类型当它们被永不为真的类型保护所约束时。
举例如下:
//数组
let list:number[] [1,2,3];
let list:Arraynumber [1,2,3];
console.log(list[0]);
// 元组
let x:[string, number];
x [hello, 0];
console.log(x[0] - x[1]);
//当访问一个越界的元素会使用联合类型替代
x[3] world; // OK, 字符串可以赋值给(string | number)类型
console.log(x[5].toString()); // OK, string 和 number 都有 toString
x[6] true; // Error, 布尔不是(string | number)类型
//Void
function warnUser(): void {console.log(This is my warning message);
}
// Never
// 返回never的函数必须存在无法达到的终点
function error(message: string): never {throw new Error(message);
}
// 推断的返回值类型为never
function fail() {return error(Something failed);
}
// 返回never的函数必须存在无法达到的终点
function infiniteLoop(): never {while (true) {}
}类型之间可以进行推断, 类似于 Java/C# 类型转换:
let someValue: any this is a string;
// 强制
let strLength: number (stringsomeValue).length;
// as
let strLength: number (someValue as string).length;2. 程序声明
TypeScript语言的程序结构包含:
变量声明 : var a 10;函数声明 : funtion name(){}
2.1变量声明
变量声明可以使用 var 和 let, 两种声明有一些重要的区别
1.作用域 2.var 声明的作用域是函数作用域或全局作用域。在函数内部声明的 var 变量在函数外部仍然是可访问的这种行为被称为变量提升hoisting。 3.let 声明的作用域是块级作用域例如 {} 内部。在块级作用域外部无法访问块级作用域内的 let 变量而且不存在变量提升。4.重复声明 5.使用 var 可以重复声明同一个变量不会报错而且后面的声明会覆盖前面的声明。 6.使用 let 声明同一个变量如果在同一个作用域内重复声明会报错 SyntaxError。7.变量提升 8.使用 var 声明的变量会被提升到其所在作用域的顶部即使在变量声明之前使用变量也不会报错但其值为 undefined。 9.使用 let 声明的变量不会被提升如果在变量声明之前使用变量会报错 ReferenceError。10.全局对象属性 11.使用 var 声明的变量会成为全局对象的属性例如 window 对象浏览器环境。 12.使用 let 声明的变量不会成为全局对象的属性。
总的来说推荐使用 let 来声明变量因为它更安全、更符合块级作用域的使用方式而且可以避免一些意外的行为。
2.2 函数声明
函数按照名称, 参数和返回值分为:
有名函数和匿名函数无参函数和有参函数无返回值和有返回值
有名函数与无名函数
function add(x: number, y: number): number {return x y;
}
let myAdd function(x: number, y: number): number { return x y; };可选参数和默认参数
//固定参数
function buildName(firstName: string, lastName: string) {return firstName lastName;
}
let result1 buildName(Bob); // error, too few parameters
let result2 buildName(Bob, Adams, Sr.); // error, too many parameters
let result3 buildName(Bob, Adams); // ah, just right
//可选参数
function buildName(firstName: string, lastName?: string) {if (lastName)return firstName lastName;elsereturn firstName;
}
let result1 buildName(Bob); // works correctly now
let result2 buildName(Bob, Adams, Sr.); // error, too many parameters
let result3 buildName(Bob, Adams); // ah, just right
//默认参数
function buildName(firstName: string, lastName Smith) {return firstName lastName;
}
let result1 buildName(Bob); // works correctly now, returns Bob Smith
let result2 buildName(Bob, undefined); // still works, also returns Bob Smith
let result3 buildName(Bob, Adams, Sr.); // error, too many parameters
let result4 buildName(Bob, Adams); // ah, just right可变参数
function buildName(firstName: string, ...restOfName: string[]) {return firstName restOfName.join( );
}
let employeeName buildName(Joseph, Samuel, Lucas, MacKinzie);2.3 控制语句
TypeScript 中常用的控制语句与 JavaScript 中的类似主要包括以下几种
1.条件语句Conditional Statements
if 语句根据条件执行不同的代码块。else if 语句在 if 条件不满足时执行新的条件判断。else 语句在所有条件都不满足时执行的代码块。
let num: number 10;
if (num 0) { console.log(Positive); } else if (num 0) { console.log(Negative); } else { console.log(Zero); }2.循环语句Loop Statements
for (let i 0; i 5; i) {console.log(i);
}
let j 0;
while (j 5) {console.log(j);j;
}
let k 0;
do {console.log(k);k;
} while (k 5);for 循环重复执行指定次数的代码块。while 循环在指定条件为真时重复执行代码块。do…while 循环先执行一次代码块然后在指定条件为真时重复执行代码块。 - **switch 语句**根据表达式的值选择执行不同的代码块。typescriptlet fruit: string apple;switch (fruit) {case apple:console.log(Apple);break;case banana:console.log(Banana);break;default:console.log(Unknown fruit);}4.break 和 continue 语句在循环中控制循环的执行流程。 break 语句用于立即退出循环。 continue 语句用于跳过当前循环的剩余代码直接进入下一次循环的迭代。
5.for…of 语句
let colors: string[] [red, green, blue];
for (let color of colors) {console.log(color);
}用于遍历可迭代对象如数组、集合等的元素。提供了一种简洁的方式来迭代对象的元素。
6.for…in 语句
let obj { a: 1, b: 2, c: 3 };
for (let key in obj) {console.log(key); // 输出 a, b, cconsole.log(obj[key]); // 输出 1, 2, 3
}用于遍历对象的可枚举属性。迭代对象的所有可枚举属性名称包括原型链上的属性。
for…of和for…in均可迭代一个列表但是用于迭代的值却不同
for…in迭代的是对象的 键 的列表for…of则迭代对象的键对应的值。
3. 面相对象
和别的面相对象语言一样, TypeScript
类、接口、泛型使用 extends 继承类使用 implement 实现接口
3.1 修饰符
TypeScript也有相应的修饰符
1.public
默认的修饰符如果没有显式地指定修饰符默认为 public。可以被类的实例访问也可以被子类继承。
2.private
私有成员只能在定义它们的类内部访问。不能在类的外部或子类中访问。
3.protected
受保护的成员可以在定义它们的类内部和该类的子类中访问。不能在类的外部访问。
4.readonly
只读成员表示该属性只能在声明时或构造函数中被赋值之后无法修改。类似于常量但是只对属性起作用。
3.2 Object
在 TypeScript 中Object 是 JavaScript 中的原生对象类型表示一个普通的 JavaScript 对象。在 TypeScript 中Object 类型可以用来表示任意的 JavaScript 对象它是所有对象的顶级类型。在 TypeScript 中Object 类型可以作为任何类型的超类型因此可以将任何值分配给 Object 类型的变量。
创建对象
let obj: Object {};这里我们声明了一个类型为 Object 的变量 obj并初始化为一个空对象。这样做的好处是obj 可以引用任何类型的对象。
对象方法
Object 类型具有许多内置的方法可以对对象进行操作。例如
Object.keys(obj)返回一个数组包含对象的所有可枚举属性的名称。Object.values(obj)返回一个数组包含对象的所有可枚举属性的值。Object.entries(obj)返回一个数组包含对象的所有可枚举属性的键值对。Object.assign(target, …sources)将一个或多个源对象的所有可枚举属性复制到目标对象并返回目标对象。
let obj { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj)); // 输出 [a, b, c]
console.log(Object.values(obj)); // 输出 [1, 2, 3]
console.log(Object.entries(obj)); // 输出 [[a, 1], [b, 2], [c, 3]]扩展对象
可以使用对象展开运算符 … 来扩展对象。
let obj1 { a: 1, b: 2 };
let obj2 { c: 3, d: 4 };
let mergedObj { ...obj1, ...obj2 };
console.log(mergedObj); // 输出 { a: 1, b: 2, c: 3, d: 4 }在 TypeScript 中Object 类型通常用于表示任意的 JavaScript 对象并且提供了一些内置的方法来操作对象。但需要注意的是Object 类型并不包括 JavaScript 中一些特殊的对象类型比如数组、函数、正则表达式等。
3.3 类,接口定义与实现
具体以下面代码为例:
interface PersonInfo {name: string;age: number;gender: string;id: number;introduce(): void; // 增加一个行为函数定义
}
class Person implements PersonInfo {public name: string;private age: number;protected gender: string;readonly id: number;constructor(name: string, age: number, gender: string, id: number) {this.name name;this.age age;this.gender gender;this.id id;}introduce() {console.log(Hello, my name is ${this.name}. I am ${this.age} years old.);}
}
class Employee extends Person {constructor(name: string, age: number, gender: string, id: number) {super(name, age, gender, id);}showInformation() {console.log(Name: ${this.name}, Gender: ${this.gender});}
}
const personInfo: PersonInfo {name: Alice,age: 30,gender: female,id: 12345,introduce() {console.log(Hello, my name is ${this.name}. I am ${this.age} years old.);}
};
const person: Person new Person(personInfo.name, personInfo.age, personInfo.gender, personInfo.id);
console.log(person.name); // 可以访问输出 Alice
console.log(person.age); // 报错age 是私有属性无法在类的外部访问
console.log(person.gender); // 报错gender 是受保护的属性无法在类的外部访问
console.log(person.id); // 可以访问输出 12345
person.introduce(); // 调用行为函数
const employee: Employee new Employee(Bob, 35, male, 67890);
console.log(employee.name); // 可以访问输出 Bob
console.log(employee.gender); // 报错gender 是受保护的属性无法在类的外部访问
employee.showInformation(); // 可以访问输出 Name: Bob, Gender: male3.4 包装类
在 JavaScript 中原始数据类型Primitive Types和对象类型Object Types之间存在一种关联这种关联通常被称为包装对象Wrapper Objects。
JavaScript 为每种原始数据类型除了 null 和 undefined都提供了对应的包装对象这些包装对象是由 JavaScript 引擎自动创建的并提供了一些额外的功能。这些包装对象是临时创建的用于在必要时使原始类型的值能够像对象一样进行操作。
下面是 JavaScript 中主要的包装对象
Number 对象用于处理数字类型的值。String 对象用于处理字符串类型的值。Boolean 对象用于处理布尔类型的值。Symbol 对象用于处理符号类型的值。
例如对于字符串类型的值JavaScript 提供了 String 对象可以使用 String 对象的方法来操作字符串
let str Hello;
console.log(str.length); // 输出 5字符串的长度
let strObj new String(Hello);
console.log(strObj.length); // 输出 5字符串对象的长度在这个例子中str 是一个原始的字符串类型的值而 strObj 是一个 String 对象它们都具有 length 属性用于返回字符串的长度。虽然 str 不是对象但 JavaScript 在必要时会将其自动转换为一个临时的 String 对象以便调用 length 属性。
在 TypeScript 中也存在类似的包装对象的概念但通常开发者不需要显式地使用包装对象因为 TypeScript 会隐式地处理原始类型和对象类型之间的转换。
总结
以上就是 TypeScript 上半部分的基础知识关注我持续学习 鸿蒙App开发~ 接下来学习TypeScript下半部分
最后
随着鸿蒙开发越来越火热我了解到现在有很多小伙伴想入行鸿蒙但又不知道学习哪些鸿蒙开发技术不知道需要重点掌握哪些鸿蒙应用开发知识点而且学习时频繁踩坑最终浪费大量时间。我给大家整理了一份实用的鸿蒙Harmony OS开发学习手册资料用来跟着学习是非常有利于帮助大家提升鸿蒙开发技术的。
相对于网上那些碎片化的知识内容这份学习资料的知识点更加系统化更容易理解和记忆。资料包含了、应用开发导读(ArkTS)、HarmonyOS 概念、如何快速入门、开发基础知识、基于ArkTS 开发、等鸿蒙开发必掌握的核心知识要点内容包含了技术知识点。
希望这一份鸿蒙学习资料能够给大家带来帮助有需要的小伙伴自行领取限时开源先到先得~无套路领取
获取这份完整版高清学习路线请点击→《鸿蒙星河版开发教程指南》
鸿蒙Harmony NEXT最新学习路线 有了路线图怎么能没有学习资料呢小编也准备了几套HarmonyOS NEXT学习视频 内容包含以下联
内容包含ArkTS、TypeScript、ArkUI、资源分类…等知识点。
获取完整版高清学习路线请点击→《HarmonyOS教学视频》
HarmonyOS教学视频 鸿蒙语法ArkTS、TypeScript、ArkUI等…视频教程 鸿蒙生态应用开发白皮书V2.0PDF
获取白皮书请点击→《鸿蒙生态应用开发白皮书V2.0PDF》 鸿蒙 (Harmony OS)开发学习手册
一、入门必看
1.应用开发导读(ArkTS)
2.…… 二、HarmonyOS 概念
1.系统定义
2.技术架构
3.技术特性
4.系统安全
5… 三、如何快速入门
1.基本概念
2.构建第一个ArkTS应用
3.构建第一个JS应用
4.…… 四、开发基础知识
1.应用基础知识
2.配置文件
3.应用数据管理
4.应用安全管理
5.应用隐私保护
6.三方应用调用管控机制
7.资源分类与访问
8.学习ArkTS语言
9.…… 五、基于ArkTS 开发
1.Ability开发
2.UI开发
3.公共事件与通知
4.窗口管理
5.媒体
6.安全
7.网络与链接
8.电话服务
9.数据管理
10.后台任务(Background Task)管理
11.设备管理
12.设备使用信息统计
13.DFX
14.国际化开发
15.折叠屏系列
16.…… 更多了解更多鸿蒙开发的相关知识可以参考《鸿蒙 (Harmony OS)开发学习手册》
