一、输出、数据类型及变量常量、数组、函数

241020

1. 基础入门

输出语句 console.log

// 单行注释 ctrl+/
/* 多行注释（块注释，一段代码的解释说明）
   ctrl+shift+/ */
console.log('提示文字','输出内容');
// 在控制台日志中看效果
console.log('我想说一句话','好好学习');
// 文件名或路径包含中文时，预览器出错

2. 认识和存储数据 let&const

/*
  认识和存储数据
  常见数据类型
  * 1. string字符串：描述信息
  * 2. number数字：计算
  * 3. boolean布尔：判断真假
 */
/*let 变量 数据可变
let 变量名称 : 数据类型 = 值*/
let name:string = 'Tom'
console.log('名字是',name);

/*const 常量
 常量不能修改，报错
 */
const PI : number = 3.14;
console.log('圆周率是',PI)

3. 数组

/*数组*/

let names : string[] = ['小红','Jack','Tom','Jerry']
console.log('全班共有人数为',names.length)
console.log('全班同学名字分别是',names)
console.log('第二位同学的名字是',names[1]);

4. 函数

函数定义及基本使用

// 函数：是可以被重复使用的代码块
// 只定义不调用，函数代码不执行
// 定义函数
// function 函数名(){函数体}
function star() {
  console.log('五角星', '☆')
  console.log('五角星', '☆☆')
  console.log('五角星', '☆☆☆')
  console.log('五角星', '☆☆☆☆')
  console.log('五角星', '☆☆☆☆☆')}
// 调用函数
star()

函数使用、参数及返回值

// 05_函数使用及参数
// 简单函数计算 加法
function sum(){
  let res:number = 10+20
  console.log('计算结果为',res)
}
sum()

// 带参函数定义
// 加法函数
function sum1(a:number,b:number) {
  let res:number = a+b;
  console.log('计算结果为',res)
}
sum1(1,2)
sum1(20,80)
// 实参：实际参数 函数调用时传入数据
// 形参：形式上的参数 函数定义时写的参数

// 乘法函数 买水果
function buy(price:number,count:number){
  let money:number = price*count;
  console.log('价钱为',money);
}
buy(3,2)
buy(10,2)

// 函数外部使用函数调用后的执行结果
// 返回值返回的位置是函数调用的位置
function sum2(a:number,b:number){
  let res:number = a+b;
  // 遇到return关键字会退出当前函数
  return res
}
let num:number = sum2(24,67)
console.log('sum2(24,67)返回结果为',num);

箭头函数

// 箭头函数：比普通函数更简洁的一种函数写法。
/* () => {} */

let star = () => {
  console.log('五角星', '☆')
  console.log('五角星', '☆☆')
  console.log('五角星', '☆☆☆')
  console.log('五角星', '☆☆☆☆')
  console.log('五角星', '☆☆☆☆☆')
}
star()

/*
 * 1. 有参数吗？一个函数是否结算不同数据的结果单价和数量都不同有参数
 *  有几个参数？有两个参数：单价和数量
 * 2. 返回值吗？是否需要把函数内的计算结果拿到外面使用 有返回值*/
let buy = (price:number,count:number = 1) => {
  return price*count;
  // let money:number = price*count
  // return money
}
let apple:number = buy(1)
console.log('苹果总价为',apple);
let banana:number = buy(2,7)
console.log('香蕉总价为',banana);

5. 作业1_使用变量保存人物信息

// 课后作业11.使用变量保存人物信息
// 定义变量姓名name
let name:string = 'chl'
// 定义变量年龄age
let age:number = 22
// 定义变量性别gender，女true男false
let gender:boolean = true
// 定义变量民族mz
let mz:string = '汉族'

console.log('姓名为',name)
console.log('年龄为',age)
console.log('性别为',gender)
console.log('民族为',mz)

6. 作业2_使用变量或常量保存产品信息

// 课后作业12.使用变量或常量保存产品信息
let name:string = '联想小新Pro13'
let price:number = 5500
let weight:number = 2
let cpu:string = 'AMD Ryzen 7 4800U'
let memory:number = 16
const company:string = '联想Lenovo'

7. 作业3_使用函数输出名人名言

// 课后作业13.使用函数输出名人名言
function quotes(){
  let name:string = '名人名言'
  let author:string = '毛主席'
  let quote:string = '好好学习，天天向上'
  console.log(name,author,quote);
}
quotes()

8. 作业4_使用函数计算总价和满减金额

// 课后作业14.使用函数计算总价和满减金额
function fruits(name:string,price:number,count:number,discount:number){
  // 支付金额
  let money:number = price*count*discount
  // 节省钱数
  let save:number = price*count*(1-discount)
  console.log('购物信息',name,'支付金额是',money,'共计节省',save)
}
fruits('苹果',3,2,0.9)
fruits('香蕉',4,1,0.8)


// 计算机底层小数转二进制时精度问题