网页前端5

第一章 认识Javascript

1.1 输出

javascript的输出结果只能在控制台中显示

console.log("要输出的内容");

<script>console.log("Hello World");</script>

1.2 字符串

字符串： let

let firstName = "胡";
let lastName = "雪岩";
​
let say = "大家好，我姓" + firstName + "，名" + lastName;
​
console.log(say);

在js中如果写字符串要双引号里面有双引号就需要转义符 " \ "

let str = "华为正式发布操作系统---\"鸿蒙OS\"";
console.log(str);

多行字符串拼接：

这里需要用/n来换行

let str = "春眠不觉晓\n" + "处处闻啼鸟\n" + "夜来风雨声\n" + "花落知多少\n";
console.log(str);

这里只需要回车即可

let str = `春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少`;
​
console.log(str);

这里输出一些组合语句 重点

可以用到 ${number1 + number2}

let number1 = 20;
let number2 = 10;
console.log(`两个数的和是：${number1 + number2} 
两个数的差是：${number1 - number2} 。`);

1.3 js中的三元表达式

可以看下述例子即可了解

let str = `这里是${false ? "浙江" : "江苏"}`;
​
console.log(str); // 江苏

let str = `这里是${true ? "江苏" : "浙江"}-${true ? "南京" : "常州"}`;
​
console.log(str); // 这里是江苏-南京

第二章 基础数据类型

2.1 变量

在JS中定义变量的关键字有两个 1.let 2.const

1. let

let name = "Will Smith";
console.log(name);

let number = 20;
let number = 30;

1. const

   和let一样

讲他们之间的不同：

• let定义的变量可以被多次重新赋值

let name = "Bob";
console.log(name); // Bob
​
name = "Tom";
console.log(name); // Tom

• const定义的变量只能赋值一次

const name = "Bob";
console.log(name); // Bob
​
name = "Tom"; // 报错
console.log(name); // 不执行

• let定义变量的时候，可以不赋初始值

let age;
console.log(age); // undefined

• const定义变量的时候，要赋初始值，否则会报错

const age; // 报错
console.log(age);  // 不执行

2.2 数值类型

2.3 类型转换/字符串拼接

转换

数字和数字字符串相加，会让数字变成字符串，因为在js中加号可以让字符串转换

console.log(20 + "20"); // 2020
// 调换位置亦可
console.log("20" + 20); // 2020                  

除了加号以外，其他乘除减都会将字符串变成数字

console.log("20" - 10); // 10
console.log(10 * "10"); // 100
console.log(10 / "2"); // 5

console.log("20" - "10"); // 10 同样的字符串-字符串也可以变
console.log("20" / "10"); // 2
console.log("20" * "10"); // 200

强制类型转换我们需要学习两个,parseInt(将小数字符串、整数字符串或者小数转换为整数)、parseFloat(将小数字符串转换为小数).

parseInt

• 整数字符串转换为整数

let number = "20";
//  将number转换为整数类型
let converNumber = parseInt(number);
console.log(converNumber); // 20
// 判断转换后的数据类型
console.log(typeof converNumber); // number

小数字符串转换成整数

注意舍去一切小数位，不遵循四舍五入原则

let number = "20.5";
let converNumber = parseInt(number);
console.log(converNumber); // 20  不足21一律按照20算
console.log(typeof converNumber); // number

小数转换成整数

let number = 20.5;
let converNumber = parseInt(number);
console.log(converNumber); // 20

parseFloat

小数字符串转化成小数

let number = "20.9";
let converNumber = parseFloat(number);
console.log(converNumber); // 20.9
console.log(typeof converNumber); // number

字符串拼接

通java