文章目录
- 前言
- 概述
- 使用 js
- 从文件引入 js 代码
- import
- js 的作用
- 变量
- 计算
- 输入
- 格式化输出
- 保留小数
- 向上取整，向下取整
- 条件判断
- 循环
- 总结
前言
为了监督自己的进度，把学习任务一点点都写出来，写多少就算多少，不求完美，只求完成，完成之后才能去谈完善
概述
目前学的这个部分是在前端运行的 js ，也就是在用户浏览器里面运行的
使用 js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="module"></script>
</body>
</html>
在 html 里面加入一个标签，在这个标签里面可以直接写 js 代码
从文件引入 js 代码
<script type="module" src="/static/js/index.js"></script>
src 里面存的是 js 代码的文件路径
import
<script type="module">
import { name, print } from "/static/js/index.js"
console.log(name);
print();
</script>
调用 js 里面的变量和函数
下面是 js 里面的代码
let name = "tzs";
let age = 18;
function print() {
console.log("my name is " + name);
}
export {
name,
print
}
js 里面有一些变量没有暴露出来，没有暴露(export)出来的变量和函数是不能在 html 里面调用的
js 的作用
对一些事件做出相应的反应，比如说网站的帖子，用户点赞，图标会有相应的变化，这个变化就是用 js 来实现的
变量
let a=3;
const b=4;
表示的是声明变量和常量
字典是下面的定义方式
let d = {
name: 'tzs',
age: 18,
}
console.log(d['name']);
console.log(d.name, d.age);
学 c++ 的时候，感觉这种东西和结构体，类什么的都一样，写算法题的时候，我还是用的比较少的，但是现在写工程项目，这种非常常见，应该算是一个重点
列表（或者叫数组）和字典算是最常用的两个数据结构
字典在输出数据类型的时候显示的是 object
计算
console.log(5 / 3);
这个算的是一定精度的数值，下面是算整除
console.log(parseInt(5 / 3));
左移就是乘以 2 ，右移就是除以 2
判断两个数字相等，其他编程语言一般是两个等号，js 是三个等号
输入
A+B
let fs = require('fs');
let buf = '';
//输入缓存区有内容的时候执行下面的函数
//不断读取
process.stdin.on('readable', function() {
let chunk = process.stdin.read();
if (chunk) buf += chunk.toString();
});
//输入缓存区没有内容的时候
//执行下面的函数
process.stdin.on('end', function() {
//可能是多行输入
//按空格隔开，把字符串转换成整数
buf.split('\n').forEach(function(line) {
let tokens = line.split(' ').map(function(x) { return parseInt(x); });
if (tokens.length != 2) return;
console.log(tokens.reduce(function(a, b) { return a + b; }));
});
});
格式化输出
function main() {
let name = "tzs", age = 18;
console.log(`my name is ${name}.I'm ${age + 1} years old`);
}
export {
main
}
通过 ${variable_name} 来进行变量的引用，注意这里的引号是 tab 上方的引号，不是我们常规使用的双引号单引号的引号
保留小数
let x = 1.234567;
let y = x.toFixed(4);
console.log(`keep 4 number ${y}`);
括号里面是保留几位小数的意思，此处是保留四位小数，最后输出 1.2346 ，是四舍五入的结果
向上取整，向下取整
console.log(Math.ceil(y));//向上取整
console.log(Math.floor(y));//向下取整
条件判断
和 cpp 没有区别
let score = 90;
if (score >= 85) {
console.log("A");
} else if (score >= 70) {
console.log("B");
} else if (score >= 60) {
console.log("C");
} else {
console.log("D");
}
循环
for (let i = 0; i < 10; i++) {
console.log(`${i}\n`);
}
总结
今天是 25 号，还有四节 js 教程课，27 号晚上 10 点之前全部学完就算胜利
