javascript在线学习测试 javascript online

一、JS的简介

JavaScript是目前世界上最流行的脚本语言

 

---

二、JS的Hello World

• 内部标签

<script type="text/javascript">

• 外部引入

<script src="js/index.js"></script>

例:

<script type="text/javascript">
  alert('Hello World');
</script>
//alert标签括号中单引号、双引号都可以

---

三、浏览器控制台的使用

1. 定义变量：变量类型 变量名 = 变量值;
2. js的多行注释于Java一样
3. 浏览器必备调试须知：右键——>审查元素 快捷键：F12
   1）Element：可分析HTML和CSS。**
   2）Console（控制台）：这里可以写JavaScript代码，并且输出。
   常见命令——在浏览器的控制台打印变量：console.log();与Java的System.out.println();相似。
   3）Sources：当前的源码目录。
   右侧的调试工具中有监视工具，有打断点的功能，打了断点刷新网页就可以跳转至断点处。半圆形箭头加点（Step over next）是执行到结束，下箭头加点（Step into next）往下走一步，上箭头加点（Step out of current）是往上走一步。用于调试一步一步找错误。
   4）Network：网络请求。
   5）Application：相当于web里的数据库，将一些简单的数据保存在网页里。
   ①Local Storage：本地存储，在H5里用的比较多，但现在不怎么用，在VUE里要使用它，如状态管理。
   ②Session Storage：存Session的。
   ③Cookies：后面可能用的最多的。

---

四、数据类型

（1）变量：变量类型 变量名 = 变量值;

命名规则：①开头：

②除开头：字母、_、$、数字

③不能使用关键字

④尽量不用中文

（2）number

js里不区分小数和整数

例：123、123.1、1.23e3、-99、NaN（not a number）、Infinity（无限大）

（3）字符串：用单引号或双引号括起来

例：'abc'、 "abc"

（4）布尔值：true false

（5）null（空）和unfined（未定义）

（6）逻辑运算符

①&&：两个都为真，结果为真

②||：一个为真，结果就为真

③!：真即假，假即真

（7）比较运算符

①< 、>、 <=、 >=

②=：赋值号

③==：等于号（类型不一样，值一样，结果也会为true ）

④===：等于号（类型一样，值一样，结果才为true）

注：①用isNaN()判断true还是false

②浮点数问题：(1/3)===(1-2/3)结果为false

Math.abs(1/3-(1-2/3)<0.00000001)结果为true

（8）数组

Java中的数组元素必须是相同类型的，JS中不需要这样

var arr = [1,2,3,4,5,'hello',true,null];

new Array(1,2,3,4,5,'hello',null,false);

（9）对象

对象是大括号，数组是中括号

例：定义一个名叫xiaoming的人

var person = {
  name: "xiaoming",
  age: 3,
  tags: ['js','java','web']
}

取对象的值

person.name
//xiaoming
person.age
//3

---

五、严格查询

①'use strict'必须写在第一行

②例i=1； 默认为全局变量，没有定义但不会报错

③ES6中一般用let定义局部变量（例：let j=2；）