前端系列之JavaScript基础知识概述

前端系列之javascript基础知识概述。

1、什么是javascript

（1）、javascript是web上一种功能强大的编程语言，用于开发交互式的web页面。它不需要进行编译，而是直接嵌入在html页面中，由浏览器执行。
（2）、javascript被设计用来向html页面添加交互行为。
（3）、javascript是一种脚本语言（脚本语言是一种轻量级的编程语言）。
（4）、javascript由数行可执行计算机代码组成。
（5）、javascript通常被直接嵌入html页面。
（6）、javascript是一种解释性语言（就是说，代码执行不进行预编译）。
（7）、javascript的组成：核心ecmascript、文档象模型 dom、浏览器对象模型bom

2、javascript的作用

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

3、javascript的引入

在html文件中引入javascript有两种方式，一种是在html文档直接嵌入javascript脚本，称为内嵌式，另一种是链接外部javascript脚本文件，称为外联式。对他们的具体讲解如下：

（1）、内嵌式：在html文档中，通过方式一标签引入如下：

<script type="text/javascript">
//此处为javascript代码
</script>

（2）、外联式：在html文档中，通过方式二标签引入 .js文件如下：

<script src=demo.js" type="text/javascript" charset="utf-8"></script>

4、javascript变量

（1）、在使用javascript时，需要遵循以下命名规范：

1）、必须以字母或下划线开头，中间可以是数字、字符或下划线
2）、变量名不能包含空格等符号
3）、不能使用javascript 关键字作为变量名，如：function
4）、javascript严格区分大小写

（2）、变量的声明：

var 变量名;
//javascript变量可以不声明，直接使用。默认值：undefined

（3）、 变量的赋值：

var 变量名 = 值;
//javascript变量是弱类型，同一个变量可以存放不同类型的值。也就是说，赋给变量的值是什么类型，它就是什么类型

5、javascript数据类型

（1）、基本类型：

1）、undefined：undefined类型只有一个值，即undefinedo当声2）、明的变量未初始化时，该变量的默认值是undefined
2）、null：只有一个专用值null,表示空，一个占位符。值undefined实际上是从值null派生来的，因此ecmascript把它们定义为相等的
3）、boolean,有两个值true和false
4）、number,表示任意数字
5）、string,字符串由双引号("")或单引号('')声明的。javascript没有字符类型

特别注意：
    alert(null == undefined);
    //输出结果为"true",尽管这两个值相等，但它们的含义不同

（2）、引用类型：

1）、引用类型通常叫做类(class),也就是说，遇到引用值，所处理的就是对象
2）、javascript是基于对象而不是面向对象。对象类型的默认值是null
3）、javascript提供众多预定义引用类型（内置对象）

6、javascript运算符

javascript运算符与java运算符基本一致。

7、javascript基本操作

（1）、alert()：向页面中弹出一个提示框
（2）、innerhtml：向页面的某个元素中写一段内容，将原有的东西覆盖
（3）、document.write()：向页面中写内容

8、javascript中常用的正则匹配方式

（1）、使用正则对象中的test方法：test()方法返回一个布尔值表示是否可以找到匹配项，例如：

//匹配字符串所有'at'的实例
<script type="text/javascript">
    var p = /kth/p;//g:表示全局(global)匹配模式，即模式将被应用于所有字符串
    console.log(p.test('kthz'));//true
    console.log(p.test('kbhh'));//false
</script>

（2）、使用string对象中的match方法:match()方法匹配正则表达式，并且以数组的形式返回匹配的选项，例如：

<script type="text/javascript">
    var num = /\d+/g;//g表示全局匹配
    var str = "a3 sdf 45 df";
    str.match(num);//返回["3", "45"]
</script>

9、javascript中函数编写方式

使用关键字function来定义函数，函数名自定义，例如：

<script type="text/javascript">
    function demo(){
        alert("这是javascript函数！");
    }
</script>