JavaScript 笔记

                     

贡献者: addis

预备知识 HTML 基础

   JavaScript 常见于网页中,一般浏览器都可以运行。我们以 Chrome 浏览器为例演示 Hello World 程序。

<!DOCTYPE html>
<html>
	<body>
		<div id = a></div>
		<script>
            console.log("hello world 1");
            window.alert("hello world 2");
			document.getElementById("a").innerHTML = "hello world 3";
            document.write("hello world 4");
		</script>
    <script src="mycode.js"></script>
	</body>
</html>
把这段程序复制到一个文本文件,并命名为 test.html,用 Chrome 打开即可自动运行。按 F12 可打开调试窗口和命令行。

   <script>...</script> 中的 4 行程序就是 JavaScript,它们这里分别演示了用 4 种不同的方法显示 “hello world”:

  1. 输出到命令行(需要 F12 才能看到)
  2. 弹出提示窗
  3. 插入到 <div>...</div> 元素中
  4. 插入到 <script> 之前

   在用 Chrome 调试时,可以用 F12 打开调试窗口,可以实现逐行调试,查看错误和警告信息和命令行输出等。

1. 用 VScode 调试 Javascript

2. 常识

算符

3. 变量

字符串

数组

4. 判断循环

5. 函数

6. 常用函数

调用命令行

const { exec } = require('child_process');

# 第二个参数是可选的,连逗号一起删掉即可
exec('命令 参数1 参数2', { shell: '/bin/bash' }, (error, stdout, stderr) => {
  if (error) {
    console.error(`Error executing command: ${error}`);
    return;
  }

  if (stderr) {
    console.error(`stderr: ${stderr}`);
    return;
  }

  console.log(`stdout: ${stdout}`);
});

7. 对象

   定义成员函数,可以使用关键词 this

const person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    // this 不可省略
    return this.firstName + " " + this.lastName;
  }
};

   Constructor 的例子(参考

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
  this.name = function() {
    return this.firstName + " " + this.lastName;
  };
}
要用该 constructor 创建对象,调用时必须用 new,如 let person1 = new Person('1','2',3,'4')

关于 this

8. 模块

9. 容器

set

10. math.js

   github 仓库

   math.js 和内建的 Math 库兼容(可以一起用)。注意这不是一个模块,不需要 import,可以用 file:// 协议。

   在代码前面插入 <script src="math.js"></script>,也可以是 url 如 https://cdnjs.cloudflare.com/ajax/libs/mathjs/10.0.2/math.js

常用

复数

线性代数

11. minify 和 concatenation

                     

© 小时科技 保留一切权利