TypeScript学习笔记、鸿蒙开发学习笔记

这篇具有很好参考价值的文章主要介绍了TypeScript学习笔记、鸿蒙开发学习笔记。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 变量定义方式

# 变量声明
let msg: string = 'douzi'
console.log(msg)
let num: number = 20
console.log(num)
let end: boolean = true
console.log("end=" + end)
let a: any = 10
a = 'douzi'
console.log(a)
let p = {name:"douzi",age:20}
console.log(p.name)
console.log("age=" + p['age'])
let names: Array<string> = ["douzi","douzi1"]
console.log(names[0])
let ages: number[] = [20,21]
console.log("age1=" + ages[1])

 条件定义方式

# 条件语法
if(num % 2 == 0) {
    console.log("num 是偶数")
}else {
    console.log("num 是奇数")
}

if (num > 0) {
    console.log("num 是正数")
}else if(num < 0){
    console.log("num 是负数")
} else {
    console.log("num 是0")
}

# switch 
switch(msg) {
    case 'douzi': {
        console.log("douzi")
        break
    }
    case 'douzi1': {
        console.log("douzi1")
        break
    }
    default: {
        console.log('douzi2')
        break
    }
}

 循环定义方式

# 循环语法
for(let i = 0; i < 10; i++) {
    console.log("for i=" + i)
}

let i = 0;
while(i < 10) {
    console.log('while i=' + i ++)
}

let names: Array<string> = ["douzi","yuehua"]
// for in 迭代器,获取数组角标  const = let
for (const i in names) {
    console.log(i + "=" + names[i])
}
// for of 迭代器,获取数组元素
for (const name of names) {
    console.log("of name = " + name)
}

 函数定义方式

# 无返回值函数  :void 可以省略
function helloWorld(name:String, age:number): void {
    console.log("name=" + name + ",age=" + age + ",Hello World!")
}

# 无返回值函数简写方式
let helloWorld = (name:String, age:number) => {
    console.log("name=" + name + ",age=" + age + ",Hello World!")
}

helloWorld('douzi', 40)

# 有返回值函数
function sum(x: number, y: number): number {
    return x + y
}

# 有返回值函数简写方式
let sum = (x: number, y: number): number => {
    return x + y
}
let result = sum(10, 20)
console.log("10 + 20 = " + result)


# 可选参数,?代表参数 可传 可不传
let sayHello = (name ?:String) => {
    name = name ? name : 'yuehua'
    console.log("Hello " + name)
}
sayHello()
sayHello('douzi')


# 入参默认值 当不传参数时,使用默认值
let sayHello = (name :String = 'yuehua') => {
    console.log("Hello " + name)
}
sayHello()
sayHello('douzi')

类和接口的定义

# 接口继承
enum Msg {
    HI = 'Hi',
    HELLO = 'Hello'
}

interface A {
    say(msg: Msg): void
}

class B implements A {
  say(msg: Msg) {
    console.log(msg + ", I am B")
  }
}

let a:A = new B()
a.say(Msg.HELLO)

# 类继承
class Rectangle {
    private width: number
    private height: number
    constructor(width: number,height: number) {
        this.height = height;
        this.width = width
    }    
    public area(): number {
        return this.width * this.height
    }
}
class Square extends Rectangle {
    constructor(side: number) {
        super(side, side)
    }
}

let s:Square = new Square(5)
console.log('正方形边为5的area=' + s.area())

TypeScript学习笔记、鸿蒙开发学习笔记,javascript,前端,vue.js,鸿蒙

ets文件中的重要 关键字

struct Index   自定义组件:可复用的UI单元

@Component    自定义组件

@Entry              当前组件是入口组件

@State              标记变量为状态变量,值变化会触发UI刷新

TypeScript学习笔记、鸿蒙开发学习笔记,javascript,前端,vue.js,鸿蒙

TypeScript学习笔记、鸿蒙开发学习笔记,javascript,前端,vue.js,鸿蒙

TypeScript学习笔记、鸿蒙开发学习笔记,javascript,前端,vue.js,鸿蒙

TypeScript学习笔记、鸿蒙开发学习笔记,javascript,前端,vue.js,鸿蒙 TypeScript学习笔记、鸿蒙开发学习笔记,javascript,前端,vue.js,鸿蒙文章来源地址https://www.toymoban.com/news/detail-785928.html

到了这里,关于TypeScript学习笔记、鸿蒙开发学习笔记的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【wow-ts】前端学习笔记Typescript基础语法(一)

    项目地址是https://github.com/datawhalechina/wow-ts。 我选择的是ts前端课程 第一次接触ts,先去了解了下ts的内容,复制内容如下 TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 是一种给 JavaScript 添加特性的

    2024年01月16日
    浏览(56)
  • Vite+Typescript+Vue3学习笔记

    1.1、创建项目(yarn) 1.2、项目配置 1、配置vue文件识别 vite默认情况下不识别.vue后缀的文件,需在vite-env.d.ts配置下 2、Api选择 Vue3推荐使用Composition API,这里关闭Vue2的Option Api 1.3、常用依赖 1、@types/node ts需安装node的类型,否则使用node相关会提示找不到 2、auto-import 用于简化Vu

    2024年02月15日
    浏览(47)
  • Vue 3, TypeScript 和 Element UI Plus:前端开发的高级技巧与最佳实践

    Vue 3、TypeScript 和 Element UI Plus 结合使用时,可以提供一个强大且灵活的前端开发环境。以下是一些高级用法和技巧,帮助你更有效地使用这些技术: Composition API 使用 setup 函数: Vue 3 引入了 Composition API,允许你在 setup 函数中组织逻辑代码。 响应式引用 (ref 和 reactive): 使用

    2024年03月12日
    浏览(40)
  • 鸿蒙开发学习笔记1

    目的: 了解Harmony OS产生的背景 理解Harmony OS系统定位,特性,架构。 理解Harmony OS和Android的区别和联系 理解鸿蒙生态,OpenHarmony,Harmony OS的区别和联系。 什么是Harmony OS: 全场景 分布式 智慧操作系统 全场景:面向万物互联。 分布式:多份任务分解给不同的。 操作系统:管

    2024年02月15日
    浏览(36)
  • 【前端学习笔记2】javaScript基础

    是一种运行在客户端(服务器的编程语言) javacript分为行内JavaScript,内部JavaScript,外部JavaScript 内部JavaScript 直接写在html中body里面 alert(“hello,world”) 我们将script放在html文件的地步附近的原因是浏览器会按照代码在文件中的顺序加载html 如果先加载的JavaScript期望修改其

    2024年01月22日
    浏览(36)
  • 【鸿蒙系统学习笔记】ArkTS开发语言

    ArkTS 是 HarmonyOS 优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript(简称TS)生态基础上做了进一步扩展,继承了TS的所有特性,是TS的超集。 ArkTS的基本组成,资料来自官网:文档中心 说明: ①装饰器:用来装饰类结构、方法、变量 @Component表示自定义组件,@Entry表示该

    2024年02月20日
    浏览(40)
  • 【鸿蒙系统学习笔记】开发工具安装

    鸿蒙应用开发需要使用配套的IDE—— HUAWEI DevEco Studio 。 DevEco Studio 基于IntelliJ IDEA Community(IDEA社区版)构建,为鸿蒙应用提供了一站式开发环境,集成了开发、运行、调试以及发布应用的各项功能。 安装步骤: ①获取 DevEco Studio 安装包,官方下载地址为: HUAWEI DevEco Studio和

    2024年02月20日
    浏览(72)
  • 【学习笔记】鸿蒙UI开发-布局(ArkTs)

    GitHub:LearnHos 码云:LearnHos 拉伸能力 定义 当父容器的尺寸发生变化时,增加或减少的空间 全部分配 给父容器内的 指定子组件 场景1:自动填充 实现:容器组件-Row + 基础组件Blank 场景2:按指定的比例拉伸或收缩 拉伸 当父容器在主轴方向上的尺寸 大于 所有子组件的尺寸之

    2024年02月05日
    浏览(42)
  • 前端学习心得笔记之三(JavaScript篇)

    JavaScript一种运行在客户端(浏览器)上的解释性弱语言,是前端的重中之重,在计算机刚刚兴起的那个时代,这个由十天仓促编成的语言发展到现在也是令人吹嘘。 文件引用 在一个单独的js文件中也可以编写JavaScript代码,然后在HTML文件使用script标签进行引用以下为演示 m

    2024年04月23日
    浏览(47)
  • 前端学习笔记:JavaScript基础语法(ECMAScript)

    此博客参考b站:【黑马程序员前端JavaScript入门到精通全套视频教程,javascript核心进阶ES6语法、API、js高级等基础知识和实战教程】https://www.bilibili.com/video/BV1Y84y1L7Nn?p=76vd_source=06e5549bf018e111f4275c259292d0da 这份笔记适用于已经学过一门编程语言(最好是C语言)的同学,如果你没有

    2024年02月16日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包