鸿蒙开发-第9天
name:'小李',age:18,gender:'男',bobby:['滑雪','吃火锅'],eat:(food:string)=>{ console.log('我要吃'),food}}let xx1 = (num1:number,num2:number) => { return num1+num2 }console.log('和是',xx1(1,2))console.log('简介','名字是'
回顾
1.控制台打印
console.log() // 对象.方法()
console.log('', ...) 第一个参数必须是string类型的!!!
2. 数据分类
字符串 数字 布尔值
3. 数据存储 (容器)
变量 常量
let name:string = '张三'
name = '李四'
console.log('姓名:',name)
代码是一行一行按照顺序执行的
const company_name:string = '黑马'
4. 命名规则
(1)字母,下划线,数字,字符串,$和他们的组合,数字不能在前面
(2)不能是关键字命名
(3)严格区分大小写
5. 数组 (放多个数据)
let names: string[] = ['张三','李四','王五']
console.log('第二个名字是:',names[1])
6. 函数 (一段可以重复使用的代码)
基本使用
function 函数名() { 代码块 }
function sayHi() { console.log('你好') } sayHi()
完整使用
function sing(song:string) { console.log(song) } sing('两只老虎')
终极形态
function add(num1:number,num2:number) { let result:number = num1+num2 return result }
let xx:number = add(1,2)
console.log('和',xx)
console.log('和',add(1,2))
7. 函数的可选参数
function fn(a?:string,b?:number ) { console.log(a||'ab',b|| 123 ) }
8. 函数的默认参数
function fun2(a:string='哈哈',b:number=123) {console.log(a,b)}
fun2('haha',567)
9. 箭头函数
let xx = () => { 代码块 } xx()
let xx1 = (num:number) => { 代码块 } let yy: number = xx1(123) console.log('数字是',yy)
let xx1 = (num1:number,num2:number) => { return num1+num2 } console.log('和是',xx1(1,2))
10. 对象
对象三步走
(1)定义对象的类型
interface Person { name:string,age:number|string,gender:'男'|'女',bobby:string[]|string, eat:(food:string) => void }
(2) 定义对象
let xiaoli:Person = {
name:'小李',age:18,gender:'男',bobby:['滑雪','吃火锅'],eat:(food:string)=>{ console.log('我要吃'),food}}
console.log('名字',xiaoli.name)
xiaoli.eat('海底捞')
11. 联合类型
let score: number|string = 'A'
score = 98
12. 枚举
enum Gender {
nan=1,
nv=0
}
对象和枚举的名字首字母一般大写
-----------------ArkTs核心基础--------------------
类型转换
运算符
处理数据
字符串的拼接
拼接字符串和变量
加号拼接
let name:string = '小明'
let age:number = 19
console.log('简介','名字是'+name,'年龄是'+age)
模板字符串
可以更便捷的拼接字符串 ·${变量名}· 反引号
console.log('简介是',·名字是${name}年龄是${age}·)
类型转换
字符串转数字
Number() => 字符串转换成数字,转换失败返回NaN
NaN(not a number)
转整数
parseInt() 去掉小数部分将字符串类型转成数字型,转换失败返回NaN, 数字开头的可以转
// 三步:去掉引号,找数字开头的,去掉小数,失败就返回NaN
console.log('结果是:', parseInt(str3))
console.log('结果是:', parseInt(str5))
parseFloat()
取小数
// parseFloat()
let str6:string = '1.00'
let str5:string = 'a1.01'
console.log('结果是:',parseFloat(str1))
console.log('结果是:',parseFloat(str2))
console.log('结果是:',parseFloat(str6))
console.log('结果是:',parseFloat(str5))
数字转字符串 数字是一定转成字符串
toString()
数字 => 字符串 对象.方法()
toFixed() 四舍五入转字符串
加引号,小数部分四舍五入
状态管理
普通变量,将来如果数据发生了变化,绝对不会引起页面的重新展示
状态变量,将来如果数据发生了变化,绝对会引起页面的重新展示
状态变量:被状态装饰器装饰的变量
装饰=>增强功能
@State 众多装饰器中最重要最常用的一个装饰器
装饰器不能随便用,只能放在结构里面
状态变量的使用,this.状态变量名
普通变量在结构里面可以直接使用
点击事件
点击时会被触发
添加点击时的逻辑 .onClick( ()=> {} )
点击时函数会自动触发
状态变量的改变会引起UI的渲染刷新
opacity(数字) 数字在0~1之间 1为不透明 0为透明
opacity(1) 表示整体结构不透明
重新展示=>代码重新执行(UI重新渲染)
运算符
+ - * / %
赋值运算符
+= -= *= /= %=
代码的执行顺序 从上到下 从右往左
知识点思维导图

更多推荐



所有评论(0)