Web前端基础(7):JavaScript(一)

时间 2019-11-18

标签 web 前端基础 javascript 栏目 HTML 繁體版

原文原文链接

1. JavaScript概述

1.1 JavaScript历史背景介绍

布兰登 • 艾奇（Brendan Eich，1961年～），1995年在网景公司，发明的JavaScript。javascript

一开始JavaScript叫作LiveScript，可是因为当时Java这个语言特别火，因此为了傍大牌，就更名为JavaScript。如同“北大”和“北大青鸟”的关系。“北大青鸟”就是傍“北大”大牌。html

同时期还有其余的网页语言，好比VBScript、JScript等等，可是后来都被JavaScript战胜了，因此如今的浏览器中，只运行一种脚本语言就是JavaScript。java

1.2 什么是JavaScript

JavaScript是web上一种功能强大的编程语言，用于开发交互式的web页面。它不须要进行编译，而是直接嵌入在HTML页面中，由浏览器执行。python

JavaScript被设计用来向HTML页面添加交互行为。web

JavaScript是一种脚本语言（脚本语言是一种轻量级的编程语言）。编程

JavaScript由数行可执行计算机代码组成。浏览器

JavaScript一般被直接嵌入HTML页面。编程语言

JavaScript是一种解释性语言（就是说代码执行不进行预编译）。动画

JavaScript的组成：ui

核心（ECMAscript）：语法，语句。

文档对象模型（DOM）：document object model，操做文档中的元素和内容。

浏览器对象模型（BOM）：浏览器对象。

1.3 JavaScript的做用

使用JavaScript添加页面动画效果，提供用户操做体验。主要应用有：嵌入动态文本于HTML页面、对浏览器事件做出响应、读取HTML元素、验证提交数据、检测访客的浏览器信息等。

1.4 JavaScript的引入

在HTML文件中引入JavaScript有两种方式，一种是在HTML文档直接嵌入JavaScript脚本，称为内嵌式，另外一种是连接外部JavaScript脚本文件，称为外联式。

1.内嵌式，在HTML文档中，经过<script>标签引入，以下：

<html>
    <head>
        <script type="text/javascript">
            //此处为JavaScript代码
        </script>
        <title></title>
    </head>
    <body>
        
    </body>
</html>

2.外联式，在HTML文档中，经过<script src="">标签引入.js文件，以下：

<html>
    <head>
        <script src="js/ad.js" type="text/javascript" charset="UTF-8"></script>
        <title></title>
    </head>
    <body>
        
    </body>
</html>

2. 基本语法

2.1 变量

1.在使用JavaScript时，须要遵循如下命名规范：

必须以字母或下划线开头，中间能够是数字、字符或下划线。

变量名不能包含空格等符号。

不能使用JavaScript关键字做为变量名，如：function。

JavaScript严格区分大小写。

2.变量的声明

var 变量名;  //JavaScript变量能够不声明，直接使用。默认值：undefined

3. 变量的赋值

var 变量名 = 值;  //JavaScript变量是弱类型，及同一个变量能够存放不一样类型的数据

2.2 数据类型

数据类型包括：基本数据类型和引用数据类型。

基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。

当咱们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值仍是引用类型值。

2.2.1 基本类型

(1) number

var a = 123;
//typeof 检查当前变量是什么数据类型
console.log(typeof a)
//特殊状况
var a1 = 5/0;
console.log(typeof e1) //Infinity 无限大. number类型

(2) string

var str  = '123'
console.log(typeof str)

(3) boolean

var b1 = false;
console.log(typeof b1)

(4) null

var c1 = null;//空对象. object
console.log(c1)

(5) undefined

var d1;
//表示变量未定义
console.log(typeof d1)

2.2.2 引用类型

引用类型一般叫作类（class），也就是说，遇到引用值，所处理的就是对象。

JavaScript是基于对象而不是面向对象。对象类型的默认值是null。

JavaScript提供众多预约义引用类型（内置对象）。

后面的文章会讲解。

2.3 运算符

JavaScript的运算符合python差很少，你们能够看我python基础中的运算符 python运算符