JavaScript基础语法

JavaScript基础语法

 

一、js的三种调试方式

1.控制台调试输出(最优方式)

console.log("hello word");

console.log("学习JavaScript");

 

如图所示：

 

2.document.write("")

document.write("hello world");

document.write("<h2>hello word</h2>");

如图所示：

 

3.alert()

alert("hello world");

如图所示：

 

二、JavaScript 语法注意事项

  /**/ 多行注释

1.变量:变量用于存储数据值,可以修改

2.字面量: 一般固定值称为字面量(数字(Number)字面量 / 字符串(String)字面量)

3.不能使用关键字或者保留字(var/console/document)命名

4.对大小写是敏感的

5.建议驼峰命名,除了首个单词,每个单词首字母大写(getElementById)

6.变量命名规范: 数字或者字母或者下划线(js中$符号也可以作为变量名)

7.SyntaxError:语法格式有错误

8.变量:先定义后使用

9.typeof : 查看变量的类型

10.定义变量,但是没有赋值,那么他的值和类型都是undefined

11.null 清空变量

12.一次定义多个变量:规范加空格！每行结束加 ;

13.只有一种数字类型。数字可以带小数点，也可以不带;

三、数据类型

js中数据类型是由赋的值来决定的

1.五种基本类型+ es6新增的Symbol:

1. 数字(Number)

2. 字符串类型(String)

3. 布尔(Boolean)

4. 未定义(Undefined) is特有的

5. 空值(null) 通过将变量的值设置为 null 来清空变量

6. Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。

2.引入类型:

对象（Object) 数组(Array) 函数(Function)

 

四、js中 i++ 和 ++i 的不同使用

1.无论++在前面还是在后面 变量 肯定会 +1

x5 = 10;

x5++; // x5 = x5 + 1

console.log(x5); // 11

 

++x5; // x5 = x5 + 1

console.log(x5); // 12

 

如图所示：

 

2.++在后面,先赋值,后自增运算

x5 = 10;

var x6 = x5++; // 问 x5 =11 ? x6 =10 ?

console.log(x5,x6);

如图所示：

 

x5 = 10;

//先打印,后自增

console.log(x5++,x5); //10 11

如图所示：

 

x5 = 10;

// ++在后面,就先做其他事情,最后增

var n = x5++ + 10; // x5 = 11  n = 20

console.log(x5,n)

如图所示：

 

3.++在前面,先自增运算,后赋值

x5 = 10;

var x6 = ++x5; // 问 x5 =11 ? x6 =11 ?

console.log(x5,x6);

 

如图所示：

x5 = 10;

//先自增,后打印

console.log(++x5,x5); //11 11

 

如图所示：

 

x5 = 10;

// 10 + ++11 + 12 == 10 + 12 + 12

var n = x5++ + ++x5 + x5; // x5 = 12  n = 34

console.log(x5,n);

 

如图所示：

 

五、字符串的运算符

1.把两个或多个字符串变量连接起来，请使用 + 运算符

var txt1 = "hello-",txt2 = "world";

var txt3 = txt1 + txt2 + " xxx";

console.log(txt3,typeof txt3);

如图所示：

 

2.数字与字符串相加,拼接,结果将成为字符串！

var n = "5" + 5;

console.log(n,typeof n); // 55 字符串

如图所示:

 

3.字符串参与减法,结果将成为number类型

var n ='15' - "5" - 5;

console.log(n,typeof n); // 5 number

如图所示：

 

var n ='15' - "5" - 5 + '0';

console.log(n,typeof n); // 50 string

如图所示：

 

n = "大学" - 100;

// NaN: not a number; 特殊的数字类型

console.log(n,typeof n); // NaN "number"

如图所示：

 

4.类型转换

var n1 = "100", n2 = 50;

// n1 -> Number

// 将n1转换为数字类型

console.log(-n1,typeof -n1);

console.log(n1 - 0,typeof n1 - 0);

console.log(+n1,typeof +n1);

如图所示:

 

5.转义字符

    \反斜杠是一个转义字符,把 " 转为普通的字符串 "

    字符串引号嵌套;相同的引号不能嵌套

var txt = "'hello'-\"world\"-";

console.log(txt);

如图所示：