javascript基础

-特点

  • 解释性语言
  • 类似于C和JAVA的语法
  • 动态语言
  • 基于原型的面向对象

    基础(Hello World)

注释

1
2
3
4
//单行注释
/*
*   多行注释
*/

-alert

1
alert("余额不足，请充值") //控制器发出一个警告，此时网页处于暂停状态

-document.write()

1
document.write("Hello World") //向网页的body输出一个内容

-console.log()

1
console.log("表格，我出来了窝")  //向控制台输入内容

JS编写的位置

-onclick执行js脚本

1
<button onclick="javascript:alert('这是点击时运行的javascript脚本')">点我</button>

-执行顺序

javascript是按从上至下的顺序执行代码的

1
2
3
4
<script>
    alert("这是第一条代码");
    alert("这是第二条代码");
</script>

当代码顺序调换

1
2
3
4
<script>
    alert("这是第二条代码");
    alert("这是第一条代码");
</script>

-src替换

script中的src指向一个js脚本(脚本地址可填本地地址或者外部地址)，当script标签中有src时，script中的内容将不生效。通常情况下比较建议用js外链，这样可以调用浏览器的缓存功能，减少再次访问时的加载时间

1
2
3
<script src="我是外部引入的.js">
alert("这是内部的js")
</script>
![](/img/js7.jpg)

JS的基本语法

  • js中严格区分大小写
  • js中每一条语句要以分号结尾
  • 空格和换行不对对js语句造成影响

字面量和变量

字面量是什么?

1
字面量是一个已经定义好的值，比如1永远都等于1，1是字面量

变量是什么?

1
变量是一个可以任意改变的值，可用于保存字面量，从而方便开发

注意，使用变量前要先声明变量并赋值，下图为变量未定义的就使用变量的情况

下图则为变量没赋值就使用变量的情况

标识符

标识符是什么？

在JS所有的可以由我们自主命名的都可以称为标识符，例如：变量名、函数名、属性名都属于标识符

命名标识符需要遵守的规则

  1. 标识符可以含有字母、数字、_、$
  2. 标识符不能以数字开头
  3. 标识符不能是JS中的关键字或保留字
  4. 标识符一般采用驼峰命名法：首字母小写，每个单词开头的字母大写，其余字母小写。例如：helloWorld

下图为javascript的关键字

下图为javascript的保留字

数据类型

什么是数据类型？

数据类型指的就是字面量的类型，在js中一共有六种数据类型

  1. String 字符串
  2. Number 数值
  3. Boolean 布尔值
  4. Null 空值
  5. Undefined 未定义
  6. Object 对象

其中Object属于引用数据类型，其余属于基本数据类型

Str-字符串

因为这里和C语言差不多，我就不过多阐述

  • 在js中字符串要用引号引起来，使用单双引号都行，但是不能混用
  • “\“为转义字符，当表示一些特殊符号需要转义的时候可以使用其进行转义
  • “\t”表示tab键，”\n”表示换行，与C语言类似
  • 引号不能全套，字符串中想表示引号时要用 “\“ 转义

Number-数值

js中所有的数值都是Number类型

  • Number.Max_VALUE 为js可以表示的最大值
1
2
3
//用法示例
var a = Number.Max_VALUE;
console(a)

如果Number表示的数超过了这个最大值，则会返回一个”Infinity”表示正无穷，或返回”-Infinity”表示负无穷

js可以表示的最大值

  • Number.MIN_VALUE 表示大于0的最小值
1
2
3
//用法示例
var b = Number.MIN_VALUE;
console(b)

js可以表示的大于0的最小值

  • typeof 可以检查返回的数据类型，
1
2
3
//用法示例
var a = '';
console(typeof a)

NAN（Not A Number）表示一个特殊的数字，通常在js运算 “abc” * “cbd” 这类”不是人能想出的数字”时也会出现，使用typeof也会返回Number

  • 用js计算浮点数类型，如 “0.1 + 0.2” 返回的是一个不精确的数（所有语言的通病），所以不要用js进行精确计算

Boolean-布尔值

布尔值只有两个，用来做逻辑判断

  • true 表示为真
  • false 表示为假

Null-空值

Null 类型的值只有一个，就是null，专门用来表示一个为空的objec（对象）

  • 使用typeof检查一个null时会报错，返回一个空的object（对象），就是说你没对象

Undefined-未定义

Undefined的值只有一个，就是Undefined

  • 当使用typeof检查一个undefined时会返回undefined
  • 当声明一个变量但是不给变量赋值时，它的值就是Undefined