javascript（一）_javascript ‘alt+2’快捷键-CSDN博客

本文链接：https://blog.csdn.net/ld705454682/article/details/85057821

1webstorm中打开页面

（1）右上角有浏览器图标直接点击即可

（2）快捷键：alt+f2回车或上下键选择

ctrl +alt+l格式化代码

2js代码注意的问题

（1）在一对script标签中有错误的js代码，那么该错误代码后面的js代码不会执行

（2）如果第一对script标签有错误不会影响后面的script标签的js代码执行

（3）script标签中可以写什么内容

type="text/javascript"是标准写法，或

language="JavaScript"

html遵循h5标准<!DOCTYPE html>时，type或language可以省略

（4）script标签一般放在body标签中的最后（先加载页面，再加载script），有时会放在head标签中

（5）如果script标签是引入外部js文件的作用，那么这对标签不要写任何的js代码，如果要写，重新写一对script标签，里面写代码

3js的书写位置

（1）行内

（2）script标签中

<head>
<script>
alert('Hello World!');
</script>
</head>

（3）外部js文件，在页面引用

注意：引用外部js文件的script标签中不可以写js代码

4变量

-var声明变量

var age;

-变量的赋值

var age;
age = 18;

-同时声明多个变量

var age, name, sex;
age = 10;
name = 'zs';

-同时声明多个变量并赋值

var age = 10, name = 'zs';

变量的命名规则：js区分大小写

js的字符串可以使用双引号也可以使用单引号

变量名一般是小写的，如果是多个单词，则用小驼峰命名法

*输出变量值：

1alert();

2输出到控制台中concole.log();

5数据类型

（1）简单数据类型

Number、String、Boolean、Undefined、Null

（2）Number类型

数值字面量：数值的固定值的表示法

进制

浮点数：

var n=5e-324 //科学计数法 5乘以10的-324次方

浮点数值的最高精度是17位小数

var result=0.1+0.2; //结果不是0.3，而是0.30000000000000004

注：不要判断两个浮点数相等

-数值范围：

- NaN：not a number
- NaN 与任何值都不相等，包括他本身
- isNaN: is not a number

最小值：Number.MIN_VALUE，这个值为： 5e-324
最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308
无穷大：Infinity
无穷小：-Infinity

*var num1=0.1; var num2=0.2; var num3=num1+num2不等于0.3;在js里不能用小数验证小数。

-数值判断：

（3）String类型

字符串长度变量名.length

console.log(str.length);

转译 /

（4）Boolean

（5）Undefined

未定义：变量声明了没赋值；函数没有明确返回值，如果接收了也是undefined;

如果一个变量是undefined和一个数字计算，结果是NaN

（6）Null

null表示一个空，变量的值如果想为null，必须手动设置

6js基本代码规范

（1）每一行结束都应该有分号

（2）区分大小写

（3）字符串可以使用单引号也可以使用双引号

（4）声明变量都用var

7在控制台输出变量 f12的控制台

console.log

8注释

（1）单行注释//

（2）多行注释/**/

9js中的原始数据类型：

number string boolean null（一个对象指向为空） undefined（未定义：变量声明未赋值；函数没有明确返回值，如果接收了，结果也是undefined;如果一个变量是undefined和一个数字计算，结果是NaN，不是数字没有意义） object

获取变量的数据类型typeof

语法：typeof 变量名

typeof(变量名)

var nll=null;
console.log(typeof nll);//不是null是object
console.log(String(nll));//null

10如何使用谷歌浏览器，快速的查看数据类型？

字符串的颜色是黑色的，数值类型是蓝色的，布尔类型也是蓝色的，undefined和null是灰色的

11转换成字符串类型

- toString()

```
var num = 5;
console.log(num.toString());
```

- String()

```
String()函数存在的意义：有些值没有toString()，这个时候可以使用String()。比如：undefined和null
```

- 拼接字符串方式

num + ""，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串

12转换成数值类型

- Number()

```
Number()可以把任意值转换成数值，如果要转换的字符串中有一个不是数值的字符，返回NaN
```

- parseInt()

```javascript
var num1 = parseInt("12.3abc"); // 返回12，如果第一个字符是数字会解析知道遇到非数字结束
var num2 = parseInt("abc123"); // 返回NaN，如果第一个字符不是数字或者符号就返回NaN
```

- parseFloat()

```
parseFloat()把字符串转换成浮点数
parseFloat()和parseInt非常相似，不同之处在与
parseFloat会解析第一个. 遇到第二个.或者非数字结束
如果解析的内容里只有整数，解析成整数
```

13转换成布尔类型

Boolean()

0 ''(空字符串) null undefined NaN 会转换成false 其它都会转换成true

14运算符

++在左：先加1，后参与运算

++在右：先参与运算，后加1

--同

15逻辑运算符

与、或、非

&& || !

16关系运算符

==与===的区别：==只进行值得比较，===类型和值同时相等，则相等

var result = '55' == 55;     // true
var result = '55' === 55;    // false 值相等，类型不相等
var result = 55 === 55;    // true

17赋值运算符

18运算符的优先级

    优先级从高到底
       1. () 优先级最高
       2. 一元运算符 ++   --   !
       3. 算数运算符先* / %   后 +   -
       4. 关系运算符 >   >=   <   <=
       5. 相等运算符   ==   !=    ===    !==
       6. 逻辑运算符先&&   后||
       7. 赋值运算符

19分支结构

if (/* 条件表达式 */) {
// 执行语句
}

if (/* 条件表达式 */){
// 成立执行语句
} else {
// 否则执行语句
}

if (/* 条件1 */){
// 成立执行语句
} else if (/* 条件2 */){
// 成立执行语句
} else if (/* 条件3 */){
// 成立执行语句
} else {
// 最后默认执行语句
}

20三元运算符

21switch语句

22循环结构