JS学习（一）_下列代码正确的是()avar str = 'this is 'js''bvar str = 'thi-CSDN博客

本文链接：https://blog.csdn.net/qq_44529689/article/details/123053304

1.JavaScript

特点：解释型语言

类似C和JAVA的语法结构，动态语言，基于原型的面向对象。

2.注释

多行注释——/* */

单行注释——//

3.基本语句

alert("要输出的内容") //弹出警告框

document.write("要输出的内容") //让计算机在页面中输出一个内容，即向body中输出一个内容

console.log("要输出的内容") //在控制台输出一个内容

4.JS代码编写位置

4.1 可以编写到标签的指定属性中

可以将JS代码编写到标签的onclick属性中，点击按钮时，JS代码执行

<button οnclick="alert('弹窗');">按钮</button>

可以将JS代码写在超链接的href属性值，这样点击超链接时，会执行js代码。

<a href="javascript:alert('');">链接</a>

不过这样属于结构与行为耦合，不方便维护。

4.2 可以将代码写在script标签里

4.3 可以将JS代码编写到外部文件中，然后通过script标签引入。

可以不同的文件同时引用，也可以利用到浏览器的缓存机制。

注：script一旦用于引入外部文件，就不能再编写代码了，即使编写了浏览器也会忽略，如果需要则可以再创建一个新的script标签用于编写内部代码。

5.JS代码特点

1.JS中严格区分大小写

2.JS中每条语句都以分号结尾

如果不写分号，浏览器会自动添加，但会消耗一些系统资源，而且有时候浏览器会加错分号，所以在开发中分号必须写。

JS函数声明不需要分号，但是赋值语句要加分号

3.JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化。

6.字面量、变量

字面量：都是些不可改变的值，比如1、2、3、...字面量都可以直接使用，但我们一般都不会直接使用字面量。

变量：可以保存字面量，而且变量的值可以任意改变，变量更加方便我们使用，所以在开发中都使用过变量去保存一个字面量，而很少使用字面量。

x（变量）=1（字面量）

7.声明变量

在JS中使用var关键字来声明一个变量

var a；

为变量赋值

a=123;

声明赋值同时进行

var b=789;

可以通过变量对字面量进行描述

var age=18;

8.标识符

在JS中所有的可以由我们自主命名的都可以称为标识符。

命名标识符时需遵守以下规则：

1.标识符可以含字母、数字、_、$

2.标识符不能以数字开头

3.标识符不能是ES中的关键字或保留字

4.标识符一般都采用驼峰命名法

首字母小写，每个单词的开头字母大写，其余字母小写（helloWorld），JS底层保存标识符时实际上采用Unicode编码，所以理论上讲，所有的utf-8中含有的内容都可以作为标识符。

9.JS为单线程

alert("hello,你好")；

console.log("我就是不出来") //需点alert确定的时候，才会执行console语句

10.数据类型

数据类型指的是字面量类型，在JS中一共有六种数据类型——string字符串、Number数值、Boolean布尔值、Null空值、Undefined未定义、Object对象。

前五种为基本数据类型，最后一种为引用数据类型。

10.1 String

String字符串：在JS中字符串需要用引号引起来（单双引号都可以）

var str="hello"; //"hello"字面量

console.log(str); //输出成功

console.log(hello); //输出失败，hello为变量

引号不能嵌套，双引号不能放双引号，单引号不能放单引号，但可以单双嵌套。

在字符串中我们可以使用\作为转义字符，当表示一些特殊符号时可以使用\进行转义。

\n——换行

\t——制表符

alert("str") //输出str

alert(str) //输出str表示的值

10.2 Number

在JS中所有的数值都是Number型，包括整数和浮点数。

10.2.1 Number.MAX_VALUE

JS中可以表示的数字的最大值——Number.MAX_VALUE

console.log(Number.MAX_VALUE) //输出1.7976931348623157e+308

console.log(Number.MAX_VALUE*Number.MAX_VALUE) //输出Infinity

如果使用Number表示的数字超过了最大值，则会返回一个Infinity，表示正无穷。-Infinity表示负无穷。

a=Infinity;

console.log(a); //输出Infinity

console.log(typeof a); //输出number

可以使用一个运算符typeof来检查一个变量的类型——typeof。返回string、number等（都为小写字母）

10.2.2 特殊数字NAN（Not A Number）

a=NAN;

console.log(typeof a); //输出number

10.2.3 Number.MIN_VALUE

JS中最小的正值——Number.MIN_VALUE

a=Number.MIN_VALUE;

console.log(a); //输出5e-324

10.2.4 Number的计算

在JS中，整数的计算基本可以保证精确

var c=123+456;

console.log(c); //输出579

在JS中，浮点数的计算可能得到一个不精确的结果，所以千万不要使用JS进行对精确度比较高的运算。

var c=0.1+0.2;

console.log(c); //输出0.30000000000000004

10.3 Boolean

布尔值只有两个值：true、false，主要用于逻辑判断。

var bool=true;

console.log(bool); //输出true

10.4 NULL 空值

NULL类型的值只有null，null这个值专门用来表示一个为空的对象。

var a=null;

console.log(a); //输出null

console.log(typeof a); //输出object

10.5 Undefined 未定义

Undefined值只有Undefined，当声明一个变量，但是并不给变量赋值时，它的值就是undefined。

var a=undefined;

console.log(a); //输出undefined

console.log(typeof a); //输出undefined

11.强制类型转换

指将一个数据类型强制转换为其他的数据类型，主要指将其他的数据类型转换为String、Number、Boolean。

11.1 将其他数据类型转换为string

var a=123;

11.1.1 调用被转换数据类型的toString()方法

该方法不会影响到原变量，它会将转换的结果返回。

注意：null和undefined这两个值没有toString()方法，如果调用他们的方法，会报错。

a=a.toString(); //调用xxx的yyy()方法，就是xxx.yyy（）

console.log(typeof a); //输出string

console.log(a); //输出123

11.1.2 调用string()函数，并将被转换的数据作为参数传递给函数。

使用String()函数做强制类型转换时，对于Number和Boolean实际上就是调用的toString()方法。但是对于Null和Undefined就不会调用toString()方法，它会将null直接转换为"null"，将undefined直接转换为"undefined"。

调用xxx函数，就写xxx()。

var a=123;

a=String(a); //输出string

a=null;

a=String(a); //输出string

a=undefined;

a=String(a); //输出string

11.2 将其他数据类型转换为Number

11.2.1 使用Number()函数

有局限性，对非法数字很敏感。

（1）字符串——>数字

1.如果是纯数字的字符串，则直接将其转换为数字

2.如果字符串中有非数字的内容，则转换为NaN

3.如果字符串是一个空串或者全是空格的字符串，则转换为0

（2）布尔——>数字

true转为1；

false转为0。

（3）Null——>数字 0

（4）undefined——>数字 NaN

var a="123";

a=Number(a);

console.log(typeof a); //输出number

var a="abc";

a=Number(a);

console.log(typeof a); //输出NaN

11.2.2 parseInt() 和parseFloat()

专门用来对付字符串

如果对于非string使用parseInt()或parseFloat()，它会先将其转换为String，然后再操作。

parseInt() 把一个字符串转换为一个整数。可以将一个字符串中的有效整数内容取出来，然后转换为Number。可利用此性质取整。

a="123px";

a=parseInt(a); //调用parseInt()函数将a转换为Number

console.log(typeof a); //输出number

console.log(a); //输出123

a="123a567px";

a=parseInt(a); //调用parseInt()函数将a转换为Number

console.log(typeof a); //输出number

console.log(a); //输出123

a="b123a567px";

a=parseInt(a); //调用parseInt()函数将a转换为Number

console.log(typeof a); //输出number

console.log(a); //输出NaN

a="123.567px";

a=parseInt(a); //调用parseInt()函数将a转换为Number

console.log(typeof a); //输出number

console.log(a); //输出123

a=true;

a=parseInt(a); //调用parseInt()函数将a转换为Number

console.log(typeof a); //输出number

console.log(a); //输出NaN

parseFloat()把一个字符串转换为一个浮点数。作用和parseInt()类似，不同的是它可以获得有效的小数。

a="123.567px";

a=parseFloat(a); //调用parseInt()函数将a转换为Number

console.log(typeof a); //输出number

console.log(a); //输出123.567

a="123.567.789px";

a=parseFloat(a); //调用parseInt()函数将a转换为Number

console.log(typeof a); //输出number

console.log(a); //输出123.567

11.2.3 其他进制的数字

在JS中，如果需要表示16进制的数字，则需要以0x开头。

如果需要表示8进制的数字，则需要以0开头。

如果需要表示2进制的数字，则需要以0b开头。但不是所有的浏览器都支持。

a=0x10;

console.log(a); //输出16，转换为10进制输出

a=070;

console.log(a); //输出56

a="070"; //像'070"这种字符串，有些浏览器会当成8进制解析，有些会当成10进制解析

a=parseInt(a,10); //可以在parseInt()中传递一个第二个参数，来指定数字的进制

console.log(typeof a); //输出number

console.log(a); //输出70

11.3 将其他数据类型转换为Boolean

11.3.1 使用Boolean()函数

（1）数字——>布尔

除了0和NaN,其余都是true。

（2）字符串——>布尔

除了空串，其余都是true。

（3）null和undefined都会转换为false

（4）对象也会转换为true

var a=123;

a=Boolean(a);

console.log(typeof a); //输出boolean

console.log(a); //输出true

var a=-123;

a=Boolean(a);

console.log(typeof a); //输出boolean

console.log(a); //输出true

var a=0;

a=Boolean(a);

console.log(typeof a); //输出boolean

console.log(a); //输出false

var a=Infinity;

a=Boolean(a);

console.log(typeof a); //输出boolean

console.log(a); //输出true

var a=NaN;

a=Boolean(a);

console.log(typeof a); //输出boolean

console.log(a); //输出false

11.3.2 隐式类型转换

为任意的数据类型做两次非运算，即可将其转换为布尔型。

var a="hello";

a=!!a; //输出为true

12.运算符

运算符也叫操作符，通过运算符可以对一个或多个值进行运算，并获取运算结果。

比如：typeof就是运算符，可以来获得一个值的类型。它会将该值的类型以字符串的形式返回。

12.1 算术运算符（+、-、*、/、%）

当对非Number类型的值进行运算时，会将这些值转换为Number，然后再运算。

任何值和NaN做运算都得NaN。

任何值做 - * / 运算都会自动转换为Number，可以通过这一特点做隐式的类型转换，可以通过对一个值-0、*1、/1来将其转换为Number。原理和Number()函数一样，使用起来更加简单。

12.1.1 +

+可以对两个值进行加法运算，并将结果返回。

如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接为一个字符串，并返回。

任何值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作。

（我们可以利用这一特点，来将一个任意的数据类型转换为String，我们只需要为任意的数据类型+一个""即可将其转换为String，这是一种隐式的类型转换，由浏览器自动完成，实际上它也是调用String()函数。）

result=123+"1";

console.log(result); //输出为1231

result = 1+2+"3"; //33

console.log("result="+result); //输出result=33

result = "1"+2+3; //123

console.log("result="+result); //输出result=123

12.1.2 -

可以对两个值进行减法运算，并将结果返回。

12.1.3 *

可以将两个值进行乘法运算

12.1.4 /

可以对两个值进行除法运算

12.1.5 % 取余

12.2 一元运算符

一元运算符，只需要一个操作数。

+（正号）：不会对数字产生任何影响

-（负号）：负号可以对数字进行负号的取反

对于非Number类型的值，它会将其先转换为Number，然后再运算。

可以对一个其他数据类型使用+，来将其转换为number。原理和Number()函数一样。

12.3 自增和自减

12.3.1 自增++：通过自增可以使变量在自身的基础上增加1。

对于一个变量自增以后，原变量的值会立即自增1。

自增分成两种，后++（a++）和前++（++a），无论是哪种，都会立即使原变量的值自增1，对于原变量没区别。不同的是a++和++a的值不同，a++的值等于原变量的值（自增前的值），++a的值等于新值（自增后的值）。

var a=1;

a++;

console.log("a="+a); //输出a=2

var a=1;

console.log(a++); //输出为1

var a=1;

console.log(++a); //输出为2

12.3.2 自减--：通过自减可以使变量在自身的基础上减1

自减分为两种：后--（a--）和前--（--a），无论是a--还是--a，都会立即使原变量的值自减1。不同的是a--和--a的值不同，a--为变量的原值（自减前的值），--a是变量的新值（自减后的值）。

10 11 12 12 20 19 18 18

12.4 逻辑运算符

JS中为我们提供了三种逻辑运算符

！非

&&与

||或

（1）布尔值的情况

12.4.1 ！非

可以用来对一个值进行非运算，所谓非运算就是指对一个布尔值进行取反操作，true变false，false变true。

如果对一个值进行两次取反操作，它不会变化。

如果对非布尔值进行，则会将其转换为布尔值，然后再取反。所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值。可以对一个任意数据类型取两次反，将其转换为布尔值，原理和Boolean()函数一样。

var a=false;

a=!a;

console.log("a="+a); //输出a=true

var b=10;

b=!b;

console.log("b="+b); //输出为b=false

12.4.2 &&与

&&可以对符号两侧的值进行与运算并返回结果。

只要有一个值为false，就返回false。

JS中的与属于短路的与，如果第一个值为false，则不会看第二个值。第一个值为true，会检查第二个值。

12.4.3 ||或

||可以对符号两侧的值进行或运算并返回结果。

只要有一个true，就返回true。两个都为false，才返回false。

JS中的与属于短路的或，如果第一个值为false，则会看第二个值。第一个值为true，则不会检查第二个值。

（2）非布尔值的情况

对于非布尔值进行与或运算，会先将其转换为布尔值，然后再运算，并且返回原值。

与运算：

1.如果第一个值为true，则必然返回第二个值；

2.如果第一个值为false，则直接返回第一个值。

或运算：

1.如果第一个值为true，则直接返回第一个值；

2.如果第一个值为false，则直接返回第二个值。

var result=1&&2; //相当于true&&true

console.log("result="+result); //输出result=2

var result=2&&1; //相当于true&&true

console.log("result="+result); //输出result=1

12.3 赋值运算符

=：可以将符号右侧的值赋值给符号左侧的变量。

+=：a=a+5等价于a+=5

-=：a=a-5等价于a-=5

*=：a=a*5等价于a*=5

/=：a=a/5等价于a/=5

%=：a=a%5等价于a%=5

12.4 关系运算符

通过关系运算符可以比较两个值之间的大小关系，如果关系成立它会返回true，如果关系不成立则返回false。

>大于号

1.判断符号左侧的值是否大于右侧

2.如果关系成立，返回true，如果关系不成立，则返回false

var result=5>10;

console.log("result="+result); //输出：result=false

>=大于等于

1.判断符号左侧的值是否大于或等于右侧的值；

<、<=同上

对于非数值进行比较时，会将其转换为数字，然后再比较。如果符号两侧的值都是字符串时，不会将其转换为数字进行比较，而会分别比较字符串中字符的Unicode编码，且是一位一位进行比较，如果两位一样，则比较下一位，所以借用它对英文进行排序。

如果比较的两个字符串型的数字，可能会得到不可预期的结果。

在比较两个字符串型的数字时，一定一定要转型。

任何值和NaN做任何比较都是false。

console.log("111234623746"<"5"); //输出true

console.log("111234623746"<+"5"); //输出false

12.5 相等运算符

12.5.1 相等

相等运算符比较两个值是否相等，如果相等会返回true，否则返回false。

使用==表示相等运算。

1.如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型，再进行比较。

2.undefined衍生自null，所以这两个值做相等判断时，会返回true。

3.NaN不和任何值相等，包括它本身。

var b=NaN;

console.log(b==NaN);

判断一个变量是否是NaN。

（1）通过isNaN()函数来判读一个值是否是NaN，如果该值是NaN则返回true，否则返回false。

console.log(isNaN(b)); //输出true

12.5.2 不相等

不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false。

使用!=判断不相等。

也会对变量进行自动的类型转换，如果转换后相等它也会返回false。

12.5.3 全等===

全等用来判断两个值是否全等，它和相等类似，不同的是它不会做自动的类型转换。

如果两个值类型不同，直接返回false。

12.5.4 不全等!==

用来判断两个值是否不全等，和不等类似，不同的是它不会做自动的类型转换。

如果两个值类型不同，直接返回true。

12.6 输出特殊字符

在字符串中使用转义字符输入Unicode编码：\u四位编码

console.log("\u1C00")

在网页中使用Unicode编码:&#编码；（这里的编码需要的是十进制）

12.7 条件运算符

条件运算符也叫三元运算符

语法：

（1）条件表达式?语句1:语句2;

执行流程：

条件运算符在执行时，首先对条件表达式进行求值，如果该值为true，则执行语句1，并返回执行结果；如果该值为false，则执行语句2，并返回执行结果。

true?alert("语句1"):alert("语句2");

//获取a和b中的最大值

var max=a>b?a:b;

//获取a、b、c中的最大值

max=max>c?max:c;

//一行搞定(不推荐使用，可读性差)

var max=a>b?(a>c?a:c):(b>c:b?b:c);

console.log("max="+max);

如果条件表达式的求值结果是一个非布尔值，会将其转换为布尔值再进行。

"hello"?alert("语句1"):alert("语句2");

12.8 运算符的优先级

,运算符：使用,可以分割多个语句，一般可以在声明多个变量时使用，可以同时声明多个变量并赋值。

var a,b,c;

var a=1,b=2,c=3;

和数学中一样，在JS中运算符也有优先级，比如：先乘除，后加减。

在JS中有一个运算符优先级的表，在表中越靠上优先级越高，优先级越高越优先计算，如果优先级一样，则从左往右计算。但是这个表并不需要记忆，如果遇到优先级不清楚，可以使用()来改变优先级。

var result=1 || 2 && 3; //输出1

13.代码块

我们的程序是由一条一条语句构成的，语句是按照自上向下的顺序一条一条执行的，在JS中可以使用{}来为语句进行分组。同一个{}中的语句我们成为是一组语句，它们要么都执行，要么都不执行，一个{}中的语句我们也称为叫一个代码块。在代码块后面不用写;。

JS中的代码块，只具有分组的作用，没有其他的用途。代码块内的内容，在外部是完全可见的。