JavaScript 入门笔记

             

贡献者: addis

预备知识 HTML 基础

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

% [language=js]
<!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>
	</body>
</html>
把这段程序复制到一个文本文件,并命名为 test.html,用 Chrome 打开即可自动运行.按 F12 可打开调试窗口和命令行.

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

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

1. 常识

算符

2. 变量

字符串

数组

3. 函数

4. 常用函数

5. 对象

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

% [language=js]
const person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

   Constructor 的例子(参考

% [language=js]
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;
  };
}

6. math.js

   math.js 和自带的 Math 库兼容.

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

常用

复数

线性代数


致读者: 小时百科一直以来坚持所有内容免费,这导致我们处于严重的亏损状态。 长此以往很可能会最终导致我们不得不选择大量广告以及内容付费等。 因此,我们请求广大读者热心打赏 ,使网站得以健康发展。 如果看到这条信息的每位读者能慷慨打赏 10 元,我们一个星期内就能脱离亏损, 并保证在接下来的一整年里向所有读者继续免费提供优质内容。 但遗憾的是只有不到 1% 的读者愿意捐款, 他们的付出帮助了 99% 的读者免费获取知识, 我们在此表示感谢。

         

友情链接: 超理论坛 | ©小时科技 保留一切权利