JavaScript 学习笔记 1 - 概述

学一个新语言还是找经典书籍来看比较靠谱,虽然看起来慢,但是其实会更快,因为遇到问题的时候脑子里会有大概的解决思路。


对于 JavaScript 来说,《JavaScript 权威指南》作为圣经,我觉得是比较正确的打开方式,这里主要是学习这本书的一些笔记。

既然是笔记,也就意味着只是全书内容的一小部分,查漏补缺可以,但是如果真的要系统学习,还是找一本书安心来看比较好。

JavaScript 概述

面向 Web 的动态的弱类型的编程语言,非常适合面向对象和函数式编程。调试的话一可以在 html 文件中嵌入并用浏览器打开,而可以直接使用浏览器自带的调试功能进行测试(Chrome, Firefox等)

比方说在 Chrome 中打开 developing tools,然后选择 Console 这个 tab,就可以编写代码测试了

以下是 JavaScript 语言的一个快速概览,包含基本的 JavaScript 用法,当然后面也会具体介绍,这里主要是给大家一个基本的概念和感觉。

变量通过 var 关键字声明,所有在双斜线 // 后面的内容都是注释

var x; // 声明一个变量
x = 0; // 通过等号给变量赋值

JavaScript 支持多种数据类型

x = 1; // 数字
x = 0.01; // 整数和实数共用一种数据类型
x = "Hello wdx"; // 这里双引号和单引号都可以用来表示字符串
x = true; // 布尔值,另一个是 false
x = null; // 表示空值
x= undefined; // 和 null 非常类似

JavaScript 中两个非常重要的数据类型是对象和数组。对象是名/值对的集合,或字符串到值映射的集合,通过 . 或者 [] 来访问对象属性,例如

var book = {
topic: "JavaScript",
fat = true
};
book.topic // 返回 "JavaScript"
book["fat"] // 返回 true
book.author = "wdx"; // 通过赋值创建一个新对象
book.contents = {}; // 用 {} 创建一个空对象,它没有属性

JavaScript 也支持数组,数组和对象中都可以包含另一个数组与对象。通过方括号和花括号定义对象的方式叫做初始化表达式(initializer expression)。

var primes = [2, 3, 5, 7];
primes[0] // 返回 2
primes.length // 返回长度 4
primes[4] = 9; // 通过赋值来添加新元素
var empty=[]; // 新建空数组
empty.length // 返回 0
// 嵌套包含
var points = [
{x:0, y:0},
{x:1, y:1}
];
var data = {
trial1: [[1, 2],[3, 4]],
trial2: [[2, 3],[4, 5]]
}

JavaScript 中常见的运算符 (operator)

// +, -, *, / 比较常见,和其他语言用法一致
"3" + "2" // 加号还可以用作字符串连接,返回 "32"
// ++, --, +=, -=, *=, /= 这些简便运算符也都是有的
// 判断关系: ==, !=, <, <= ,> ,>=
"two" == "three" // false 两个字符串不相等
"two" > "three" // true "tw" 在字母表中的索引大于 "th"
false == (x > y) // true: false 和 false 相等

函数、方法和控制语句会在接下来的章节中具体介绍

客户端 JavaScript

这里主要需要弄明白的内容是:

  • 如何让 JavaScript 在 Web 浏览器中运行起来
  • Web 浏览器端脚本技术以及重要的全局函数
  • 通过脚本来操纵 HTML 文档内容
  • 操纵 HTML 中定义 Web 内容的元素
  • 如何使用 JavaScript 来进行 CSS 样式操作
  • 通过事件处理程序(event handler)来定义文档的行为
  • jQuery 库定义了一套灵巧易用的 API,用来操控文档内容、样式和行为。利用 $() 函数
捧个钱场?