javascript快速入门详解-CFANZ编程社区

文章目录

1. 简介
2. JavaScript基本语法
3. 数据类型和变量
4. 运算符和操作符
5. 条件判断
6. 循环
7. 函数

1. 简介

JavaScript是一种轻量级的脚本语言，和Python语言是一样的，只不过 JavaScript是由浏览器进行解释执行。JavaScript可以插入HTML页面中，可由所有的现代浏览器执行。由于JavaScript是一门新的编程语言，知识点很多，本节不进行深入讲解，主要介绍一下JavaScript的用法和基本语法。大家如果想深入学习，需要额外看一些教程。
如何使用JavaScript呢？主要有直接插入代码和外部引用js文件两种做法：
1直接插入代码。在标记中编写代码。JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到中，示例如下：

<html>     
<head>        
<script type='text/javascript'>                
alert('Hello, world');        
</script>     
</head>    
<body>        
python爬虫     
</body>     
</html

python爬虫 `标记中包含的就是JavaScript代码，可以直接被浏览器执行，弹出一个警告框。

2.外部引用js文件。把JavaScript代码放到一个单独的.js文件，然后在 HTML中通过<script src=‘目标文档的URL’></script>的方式来引入js文件，其中目标文档的URL即是链接外部的js文件。示例如下：

<html>     
<head>        
<script src="/static/js/jquery.js"></script>     
</head>     
<body>        
python爬虫     
</body>     
</html>

这样/static/js/jquery.js就会被浏览器执行。把JavaScript代码放入一个单独的.js文件中更利于维护代码，并且多个页面可以各自引用同一份.js文件，减少程序员编码量。在页面中多次编写JavaScript代码，浏览器按照顺序依次执行。
一般在正常的开发中都是采用上述两种做法结合的方式，之后在做Python爬虫开发时会经常见到。
为了能让零基础的读者在读完本节后能看懂简单的JavaScript代码，下面将从 基本语法、数据类型和变量、运算符和操作符、条件判断、循环和函数等六个方面介绍JavaScript基础。

2. JavaScript基本语法

JavaScript严格区分大小写，JavaScript会忽略关键字、变量名、数字、函数名或其他各种元素之间的空格、制表符或换行符。我们可以使用缩进、换行来使代码整齐，提高可读性。一条完整的语句如下：

var x = 1;

这条语句定义了一个x的变量。从这条语句中可以看到以分号“；”作为结束。一行可以定义多条语句，但不推荐这么做。最后一个语句的分号可以省略，但尽量
不要省略。示例语句如下：

var x = 1; var y = 2;

语句块是一组语句的集合，使用{…}形成一个块block。例如，下面的代码先做了一个判断，如果判断成立，将执行{…}中的所有语句：

var x = 2; var y = 1;     
if (x > y) {        
   x = 3;        
   y = 2;     
}

{…}还可以嵌套，形成层级结构。将以上的代码进行改造，程序如下：

var x = 2; var y = 1;     
 if (x > y) {                
            x = 3;               
            y = 4;        
    if(x<y){                
            x = 2;                
            y = 1;        
    }     
}

注释主要分为单行注释和多行注释。单行注释使用//作为注释符，多行注释使用//来注释内容。示例如下：
// var x = 2; var y = 1;
/ var x = 2; var y = 1;*/

3. 数据类型和变量

和Python一样，JavaScript也有自己的数据类型。在JavaScript中定义了以下几种数据类型：
·Number类型：JavaScript中不区分整数和浮点数，统一使用Number表示。示例如下：100（整数）、0.45（浮点数）、1.234e3（科学计数法表示）、-10（负数）、NaN（无法计算时候使用）、Infinity（无限大）、0xff（十六进制）。
·字符串类型：字符串是以单引号或双引号括起来的任意文本，比如‘abc’，“xyz”等。
·布尔值类型：一个布尔值只有true、false两种值。
·数组类型：数组是一组按顺序排列的集合，集合的每个值称为元素。 JavaScript的数组可以包括任意数据类型，示例如下：var array=[1，2， 3.14，‘Hello’，null，true]。上述数组包含6个元素。数组用[]表示，元素之间用“，”分隔。另一种创建数组的方法是通过Array（）函数实现，示例如下： var array=new Array（1，2，3）。数组的元素可以通过索引来访问，索引的起始值为0。
·对象类型：javaScript的对象是一组由键-值组成的无序集合，类似Python中的字典。示例如下：var person={name：‘qiye’，age：24，tags： [‘python’，‘web’，‘hacker’]，city：‘Beijing’，man：true}。 JavaScript对象的键都是字符串类型，值可以是任意数据类型。要获取一个对象的属性，我们用“对象变量.属性名”的方式，如person.name。
JavaScript是弱类型的编程语言，声明变量的时候都是使用关键字var，没有
int、char之说，为变量赋值时会自动判断类型并进行转换。变量名是大小写英文、数字、“$”和“_”的组合，且不能用数字开头。变量名也不能是JavaScript 的关键字，如if、while等。申明一个变量用var语句，比如：var s_007=‘007’。

4. 运算符和操作符

JavaScript中的运算符和操作符，与Python中的用法非常相似，表2-1总结了 javaScript常用的运算符和操作符。
javascript快速入门详解_python

5. 条件判断

JavaScript使用if（）{…}else{…}来进行条件判断，和C语言的使用方法一样。例如，根据年龄显示不同内容，可以用if语句实现如下：

var role = 20;     
if (age >= 18) {        
   alert('adult');     
} else {        
   alert('teenager');    
}

6. 循环

JavaScript的循环有两种：一种是for循环，一种是while循环。
首先说一下for循环。举个例子，计算1到100相加之和，程序如下：

var x = 0;     
var i;     
for (i=1; i<=100; i++) {        
     x = x + i;     
}

for循环常用来遍历数组。另外for循环还有一个变体是for…in循环，它可以把一个对象的所有属性依次循环出来，示例如下：

var person = {
 name: ‘qiye’,
 age: 20,
 city: ‘Beijing’
 };
 for (var key in person ) {
 alert(key); // ‘name’, ‘age’, ‘city’
 }

最后说一下while循环。使用方法和C语言一样，分为while（）{…}循环和 do{…}while（）.

7. 函数

在JavaScript中，定义函数使用function关键字，使用方式如下：

function add(x,y) {        
    return x+y;     
}

上述add（）函数的定义如下：

·function指出这是一个函数定义；
·add是函数的名称。
·（x，y）括号内列出函数的参数，多个参数以“，”分隔。
·{…}之间的代码是函数体，可以包含若干语句，甚至可以没有任何语句。
调用函数时，按顺序传入参数即可：add（10，9）；//返回19。

由于JavaScript允许传入任意个参数而不影响调用，因此传入的参数比定义的参数多也没有问题，虽然函数内部并不需要这些参数：add（10， 9，‘blablabla’）；//返回19。
传入的参数比定义的少也没有问题：add（）；//返回NaN。此时add（x，y）
函数的参数x和y收到的值为undefined，计算结果为NaN。

参考资料：
《python 爬虫开发与实战》