javascript基础语法+入门笔记

前言

看https://www.youtube.com/watch?v=Qqx_wzMmFeA （8小时javascript crash course）的时候，自己的笔记。留着以后快速复习的时候用。

只是自己的理解，而且因为刚刚开始入门，可能有理解的不对地方，请多多指教～

大部分都是直接的例子，没有解释。这样可以很直观的看清楚语法。

有很多地方没有具体介绍，打算用到的时候再去具体了解。

持续更新

侵删

链接 javascript代码

html文件:

<script src="home.js"></script>

变量

let num = 25;

数组

let nums = [25, 32, 56];
document.getElementById("title").innerHTML = nums[0];

更改html

document.getElementById("title").textContent = "Index"

弹出对话框

var date = prompt("What is today's date?");

Alert Popup

Alert("Page has expired!");

函数

函数的定义/声明中不需要写参数是什么类型的，也不需要写返回的类型。

function sum(num1, num2){
	return num1 + num2;
}

while / for / ifelse/ switch

同c&c++

基本的字符串操作

let str = "string";

//不同的操作
str.length;
str.indexOf("tr"); //返回一个子字符串的index
str.slice(2, 5); //返回一个子字符串
str.replace("tr", "12");
str[2];
str.split("");

数组

⚠️下面有些函数/方法是返回结果，有些是直接修改。不具体标注哪一个是返回，哪个是修改。

创建一个数组

//方法1:
let fruits = ["apple", "banana", "pear"];
//方法2:
let fruits = new Array("apple", "banana", "pear");

//⚠️注意：数里可以有各种类型的元素
let mix = [0, "hello", 1.2];

数组的基本操作：

fruits.toString();
fruits.join("-");
fruits.push("kiwi");
fruits[fruits.length] = "another fruit"; //添加一个新元素
fruits.pop();

//合并数组
let fruits = ["apple", "pineapple", "banana"];
let nums = [1, 2, 3];
let result = fruits.concat(nums);

fruits.slice(1, 2);
fruits.reverse();
fruits.sort();	//不具体介绍，但是如果要为数字排序，需要pass in a function

Object 对象

类似于c++的class或者struct， 但是不同的是，这不是一个模版，也不可以创建对象。目前理解为本身就是一个对象。

//类似于c++里面的field
let date = {"year":2021, "month":6, "day":28};

console.log(date.year);
date.year = 2022;
date.year += 1;

成员函数

let date = {
    "year":2021, 
    "month":6, 
    "day":28,
    outputDate : function(){
        console.log(this.year + "-" + this.month + "-" + this.day);
    }
};

date.outputDate();