1、js是什么
前后端或者全栈开发
js应用及增长最快的语言
后端就是node.js
区别：
JS 是“胶水语言”：为 Web 而生，动态、灵活、安全（沙箱环境），但性能受限于解释执行（虽有 JIT 优化）。
C 是“硬件代言人”：贴近机器、高效、无抽象，适合操作系统级开发，但易出内存错误。
C++ 是“全能战士”：兼顾底层控制和高级抽象，性能接近 C，但复杂度高（如指针、模板元编程）。
2、js可以用来做什么
浏览器里做交互式网页
可开发(web/移动端APP、实时联网APP、命令行工具、游戏)
现在很多游戏都是用js+浏览器内核开发
典型应用场景：网页动态效果（如表单验证、动画）、单页应用（SPA）、服务器端（Node.js）。
3、js在哪里运行
以前是要运行在浏览器里的js引擎
firefox：SpiderMonkey
Chrome：V8
大神Ryan Dahl
开源的js引擎从Google浏览器里拿出来，和一个C++结合，叫做Node，就是一个包含Google浏览器v8引擎的C++程序
js代码传递Node执行，js就可以做网站后端了
4、第一个js程序
F12 Console
console.log('hello world');
2+2=4
alert('zmx');
5、搭建开发环境
vscode和node，可以执行js代码，还可以安装第三方库
新建文件夹 index.html
!加上Tab 就会自动生成html代码 作为js代码的容器
拓展中下载Live Server 右击 或者F5 就会打开本地网页 会自动更新
6、在浏览器中运行JavaScript
可以在head和body标签里添加js代码
一般在body标签末尾 script 按下Tab补全
放在body末尾是因为html是从上往下解析，如果先输js，则会忙于解析，而不是显示页面内容
script很多代码要和页面空键交互，比如显示隐藏，保证空键被浏览器先渲染完成
除非某些第三方库要求在head引入
console.log('hello world');
双斜杠注释
7、编码原则之关注点分离
html是页面内容，js是页面行为
将关注点分离
添加index.js
可以在index.html中引用js文件
<script src="index.js"></script>
8、使用node运行JavaScript
安装node 打开命令行 node --version
ctrl+` 快捷打开vscode终端
输入node index.js 即成功执行
9、变量与常量
三个关键字声明 var Let const
var全局作用域，说明两个同名的变量 导致冲突
Let const ens2015
let值可以被修改 const不行
如：
let age = 30;
console.log(age);重新赋值let就行 而且let可以先不赋值 const就会报错 要在声明时就赋值
但是const是常量，除非声明的是数组或对象
只是不能完全更改
10、原生数据类型
string，Number，BooLean，null，undefined
没有浮点型 小数整数都是Number
例如：
const a = 'coke';
const b = 10;
const c = 1.5;
const d = true;
const e = null;----->null表示为指针 0x00 null值标记为0 就是object js类型标记和值
const f = undefined;
let z;
console.log(typeof e)--->object 11、模板字符串
老方法
const username = "coke";
const age = "20";
console.log("my name is "+ username +" and I am age"); 新方法
console.log(`My name is ${username} and I am ${age}`); 赋值
const hello = `My name is ${username} and I am ${age}`;
console.log(hello); 12、字符串的内置方法
const s = "hello world"; 获取长度
console.log(s.Length); 全大写
console.log(s.toUpperCase());全小写
console.log(s.toLowerCase());全部分割开
console.log(s.substring(0，5));显示hello 01234开始算
还可以再使用一个方法
console.log(s.substring(0，5).toUpperCase());字符串转换数组
console.log(s.sqlit('')); //留空是最小分割，元字符串内容特定分割内容分割字符串
const s = "technology,computers,it,code";
console.log(s.split(","));分割好的有四个元素的数组
显示
0:"technology"
1:"computers"
13、数据类型之数组
数组内部储存很多元素
创建：
1、构造函数，面向对象编程
const numbers = new Array(1,2,3,4,5);
console.log(numbers); 2、常用 中括号内可以是不同数据类型的 动态语言的灵活性
const fruits = ['apple','oranges','pears'];
console.log(fruits); 也可以这样输出 从0开始的
console.log(fruits[1]);--->oranges 数组本身的容器不可变，但是容器里面的东西可以变
数组内部方法
(1)使用shift()可以删除数组头部元素
(2)const定义数组后，使用fruits[3] = "grapes"; 再添加元素
(3)fruits.push 在数组末尾添加元素
(4)ftuits.unshift 在数组头部添加元素
(5)fruits.pop 删除数组末尾元素
(6)console.log(Array.isArray("hello"));
判断是否是数组,true
(7)console.log(fruits.indexOf("oranges"));
得到特定元素索引
14、对象
const person = {
firstname:"john",
lastname: "Doe",
age: 30,
honnies:["music","movies","sports"],
address:{
street:'20 main st',
city:"shanghai",
state: "MA",
},
}; 拥有属性和方法的数据，表示为键值对的组合
花括号表示对象，同一个对象中，属性可以是任何类型，甚至数组或者对象
console.log(person.firstname,person.lastname); console.log(person.hobbies[1]); console.log(person.address.city); 结构
const { firstname, lastname } = person; 同名变量抽取出来
再打印什么就出什么
如console.log(city);
也可以通过
person.email = "john@163.com";
添加新的属性
15、对象数组和JSON
创建对象数组 多个
const todos = [
{
id:1,
text:"hello",
isCompleted:true,
}, {
id:2,
text:"nihao",
isCompleted:true,
}, {
id:3,
text:"hi",
isCompleted:false,
},
];
console.log(todos[1].text) ---> nihao JSON是一种数据格式，常用于API和服务器与客户端的数据传输过程
网站：freeformatter.com
粘贴对象数组内容就可以生成JSON格式
或者用JSON.stringify()方法
const todoJSON = JSON.stringify(todos)
console.log(todoJSON); 16、条件语句
一般都是三等号保证数据类型也相同
const x = 10;
if (x = = = 10 ){
console.log("x is 10");
} else{
console.log("x is not 10");
} 其他条件区块
const x = 4;
if (x = = = 10 ){
console.log("x is 10");
} else if (x > 10){
console.log("x is greater than 10");
} else{
console.log("x is less than 10");
} 输出 x is less than 10
或 ||
if (x > 5 || y < 10){
console.log("111111")
} 且 &&
17、三目运算符
const x =10;
const color = x > 10 ? "red" : "blue";
console.log(color); ?条件为真
：条件为假
18、Switch条件语句
switch(color){
case 'red':
console.log("color is red");
break;
case "blue";
console.log("color is blue");
break;
default:
console.log("color is NULL");
} break才会停止，否则就会都执行完才停
19、循环 for和while
for循环
for (let i = 0; i <= 10; i++){
console.log(`For Loop Number: ${i}`);
} 定义一个模板，输出所有i值
while循环 要在外部声明循环变量 在while里改循环变量，否则死循环
let i = 0;
while (i < 10){
console.log(`while Loop Number: ${i}`);
} 对象数组作为循环对象
for (let i = 0; i < todos.length; i++){
console.log(todos[i].text);
} 另一种for循环 声明一个新的zmx 就是新的变量
for (let zmx of todos){
console.log(zmx.id);
} 小结
为js漏洞做铺垫 大多数编程语言类似 还是学c先
gym 最后一天
明天看一节Js 剩余时间看wireshark
Comments NOTHING