JavaScript基础语法

一.JavaScript简介

1.JavaScript效果：

JS可以给HTML页面上添加动态效果和互相操作

2.JavaScript的组成和特点

  JavaScript组成

一个完整的JavaScript应该由如下三部分组成

  JavaScript特点 

1.JavaScript是解释型语言，不需要进行编译，书写较简单，同时，也导致了它运行较慢

2.JavaScript是动态语言，其中内容不固定

3.JavaScript语法结构类似于c语言和Java，但与Java的关系也仅仅是像而已

JavaScript也是面向对象的语言

4.JavaScript严格区分大小写

3.JavaScript的使用

1.标签引用

<script>
alert("This is javascript");
</script>

2.文件引用

在单独的js文件中也可以编写JavaScript代码

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

alert("Hello,World!");

4.JavaScript的输出

页面输出

<script>
    document.write("Hello,World!");
</script>

向控制台输出

<script>
    console.log("输出一条日志");
    console.info("输出一条信息");
</script>

弹出窗口输出

<script>
    alert("Hello,World!");
</script>

5.JavaScript注释

单行注释//sth

多行注释/*ssss*/

二.Javascript基础语法

1.标识符

即给变量，函数，属性或函数的参数起的名字

• 第一个字符必须是一个字母，_，或$
• 其他字符可以是字母，_,$,数字
• 标识符不可是关键字和保留字符

关键字

 

 保留字符其他不建议的标识符

 标识符举例

每个单词
age，number
多个单词
tureBeauty

2.字面量和变量

字面量不可改变

变量

声明
var a；
=赋值
a=21；

var a=21;

3.数据类型

1.类型分类

• 字符串型String
• 数值型Number
• 布尔型Boolean
• undefined型
• null型
• 除外为Object型

2.typeof运算符

可检测数据类型

console.log(typeof 123);
console.log(typeof "hello");

结果为number，string

string

字符序列，需用单引号或""

转义字符

 Number

表整数，浮点型

最大值：+1.7976931348623157e+308
最小值：-1.7976931348623157e+308
0以上的最小值：5e-324

特殊的数字：

Infinity：正无穷
-Infinity：负无穷
NaN：非法数字（Not A Number）
其它的进制：

二进制：0b 开头表示二进制，但是，并不是所有的浏览器都支持
八进制：0 开头表示八进制
十六进制：0x 开头表示十六进制

Boolean

逻辑或真假值类型

true/false

Undefined

类型只有一个值，即特殊的undefined

而使用var声明变量但未初始化，变量值为undefined

使用typeof对初始化和没有声明的变量会返回undefin

Null

类型也仅一个值

undefined与null是否相等，返回true

类型强制转换

多转换为Sring，Number，Boolean
String

1.toString不会影响原变量，将转换值返回

null undefined不可

var a = 1;
a = a.toString();
console.log(a);
console.log(typeof a);

2.调用String函数

对于Number，Boolean会使用toString

null转null，undefined转undefined

var a = 123;
a = String(a);
console.log(a);
console.log(typeof a);

var b = undefined;
b = String(b);
console.log(b);
console.log(typeof b);

var c = null;
c = String(c);
console.log(c);
console.log(typeof c);

3.任意类型+“”

var a = 1;
a = a + "";
console.log(a);
console.log(typeof a);

Number

1.使用Number函数

字符串-->数字

• 纯数字的字符串，直接转数字
• 字符串中有非数字转NaN
• 字符串是空串或一个全空格的字符串，转为0

布尔-->数字

• true--1
• false--0

null-->数字

• null--0

undefined-->数字

• undefinNaN

2.针对字符串，parselnt（）把字符串转为一个整数

var a = "123";
a = parseInt(a);
console.log(a);
console.log(typeof a);

3.针对字符串，parseFloat（）把字符串转为浮点数

var a = "123.456";
a = parseFloat(a);
console.log(a);
console.log(typeof a);

转Boolean

使用Boolean函数

1.数字-->布尔

• 除0，NaN，其余为0

2.字符串-->布尔

• 除空串，其余为true

3.null和defined都会转换为false

4.对象也会转换为true

运算符

运算符也叫操作符

eg：typeof可来获得值的类型，以字符串形式返回

1.算数运算符

+-*/

>< >= <=

2.赋值运算符

=，+=，-=，*=，/=，%=

3.逻辑运算符

&&and

||or

! not

4.条件运算符

5.逗号运算符

6.优先级

 语句

条件语句

1.if......else

1.

if（express here）
    statement

var age=16；
if（age<18){
      console.log("low");}

2.

if
else

3.

if
else if
else

2.switch....case

流程控制语句

多条分支使用同一种情况

switch (语句) {
    case 表达式1:
        语句...
    case 表达式2:
        语句...
    default:
        语句...
}

以break结束

循环语句

while
do...while
for

1.while

while(条件){}

var i=1；
while(i<=5){
console,log(i);
i++}

2.do....while

do{}
while(条件)；

var i = 1;
do {
    console.log(i);
    i++;
} while (i <= 10);

3.for

for(初始化表达式 ; 条件表达式 ; 更新表达式){
    语句...
}

for (var i = 1; i <= 10; i++) {
    console.log(i);
}

4.跳转控制

break结束最近一次循环

continue结束本次循环，执行下一次

想跳转指定位置可以设置label，来标记语句

outer: for (var i = 0; i < 10; i++) {
    for (var j = 0; j < 10; j++) {
        if (j == 5) {
            break outer;
        }
        console.log(j);
    }
}

对象

Object类型，也称为对象，是Javascript数据类型

可有名字访问

除了字符串，数字，true，false，null，undefined外，JavaScript中值均为 对象

创建对象

1.

var person = new Object();
person.name = "luuu";
person.age = 18;
console.log(person);

2.

var person = {
    name: "luuu",
    age: 18
};
console.log(person);

访问属性

1.“.”

对象.属性名

2.[]

对象[name ]

删除属性

delete 对象.属性名

var person = new Object();
person.name = "Luuu";
person.age = 18;
console.log(person);

delete person.name
console.log(person);

遍历对象

for .....in语句

for (var 变量 in 对象) {

}