尚硅谷李立超JavaScript笔记

最新推荐文章于 2023-03-18 20:11:44 发布

mayellce

最新推荐文章于 2023-03-18 20:11:44 发布

阅读量1.8k

点赞数 5

分类专栏：尚硅谷李立超文章标签： javascript

本文链接：https://blog.csdn.net/maryal/article/details/113695294

版权

尚硅谷同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

李立超

1 篇文章 0 订阅

订阅专栏

李立超老师JavaScript笔记

1.JS的注释：单行//,多行/**/，注释会显示到源代码中，可以通过注释对代码进行简单的调试
2.HTML不区分大小写，但是JS严格区分大小写
3.JS中每一条语句以分号结尾(如果不写分号，浏览器会自动添加，但是消耗内存，而且有些时候浏览器会加错分号)
4.JS中忽略多个空格与换行，可以利用这个特性进行代码格式化

5.字面量与变量

1.字面量: 可以认为字面量是常量，是一些不可改变的值，比如1 2 3 4 5
2. 字面量都是可以直接使用的，但是一般都不会直接使用字面量
3.变量可以用来保存字面量，并且变量是可以任意改变的，变量更加方便我们使用，所以在开发的时候都是通过变量去保存一个字面量，而很少直接使用字面量

在JS中使用var关键字来声明一个变量, 但是刚声明的变量没有进行赋值不能直接使用，例如

var a;
console.log(a);

这里会输出undefined, 但是和没有声明不一样，没声明报错：Uncaught ReferenceError: XXX is not defined

声明赋值可以同时进行
可以通过变量对字面值进行描述

6.标识符

在JS中所有可以自主命名的全部可以称为标识符，例如: 变量名、函数名、属性名都属于标识符

注意

命名一个标识符的时候我们可以写字母数字下划线 $
不能以数字开头
标识符不能是JS中的关键字的保留字，例如var
标识符建议采用驼峰命名法：首字母小写，其余单词开头大写（helloWord, xxxYyyZzz)
JS在保存标识符的时候采用的是Unicode编码，所以理论上Utf-8中含有的内容都可以作为标识符。（中文可以，但是千万别这样用）

附：关键字和保留字符
在这里插入图片描述

7.数据类型

数据类型指的是字面量的类型，在JS中一共有六种数据类型

String（字符串）
Number(数值）
Boolean（布尔值）
Null(空值)
Undefined(未定义)
Object(对象)

其中String、Number、Boolean、Null、Undefined属于基本数据类型，Object属于引用数据类型

ps. 动态语言的好处，把很多类型直接整合到一起

其中基本数据类型就是除了Object之外的，Object属于引用数据类型

可以使用运算符号typeof()检查变量类型,例如

var a=123;
var b="123"

console.log(a);
console.log(b);
console.log(typeof(a));
console.log(typeof(b));

输出结果：

123
123
number
string

String字符串:
1. JS中字符串需要用引号(单引号或双引号均可)引起来
2. 注意单引号里面用双引号，双引号里面用单引号
3. 如果你就是不想用单引号，那么就要告诉浏览器你这里的双引号是用来干啥的，是框字符串的还是一个普通的双引号，这里我们可以使用\作为转意字符，例如",例如var str2=“我说：“今天天’气真不’错””;，转意字符还有\n: 换行，\t: 制表符,\表示\

和C语言完全一样

Number数值:

 1. 在JS中所有类型的数字全是Number不区分float,int
 2. Number的最大值: 可以输出Number.MAX_VALUE 为: 1.7976931348623157e+308, 如果我们要求输出Number.MAX_VALUE * Number.MAX_VALUE结果会显示Infinity(表示正无穷）。
 3. 注意Infinity是一个字面量，允许被赋值，值得注意的是一定不能加引号，否则就是字符串了，并且注Infinity的typeof是Number, 存在-Infinity
4.  两个字符串相乘的结果是NaN 表示Not a Number, 与Infinity同理，字面量可以赋值，typeof是Number,不要引号。
5.  Number可以表示的最小精度Number.MAX_VALUE,也就是最小正值
6. JS的浮点数运算可能不精确，所以千万不要用JS进行高精运算，这些给服务器去算

Boolean布尔值：
布尔值只有两个，主要用来做逻辑判断 ture/false
使用typeof检查一个布尔值时，会返回boolean

var bool =ture;
console.log(typeof bool);
console.log(bool);
运行结果
“boolean”
"ture"

Null空值：
只有一个数据元素就是null
专门用来表示空对象
值得注意的是用typeof看null,视频上说会显示Object
但是本机上是null,null绝对不是一个对象，null有自己的类型，它是一个特殊的类型，至于为什么会null返回object，这是官方承认的错误

undefined未定义：
声明变量不给他赋值就输出会显示这个
不声明就输出会报错
typeof()是undefined

8.强制类型转换

指的是将一个数据类型转化为String,Number,Boolean

1. 转化为String:

调用被被转化类型的toString方法:

方法一： (XXX.toString())
调用xxx的yyy方法：xxx.yyy()
注意：
1.他不会修改原变量，而是作为返回值返回
2.bool的toString是"true"/"false"但是存在问题
3.null,undefined 的toString会报错Uncaught TypeError: Cannot read property ‘toString’ of null，因为这两个类型没有toString

  方法二：调用String()函数: 将被转化的数据作为参数传入, 这个支持Null与Undefined,`*C++的构造函数*`

   var a;
    a=ture;
    a=a.toString();
    console.log(typeof a);
    console.log(a);    
    运行结果
    “string”
    "ture"

2. 转化为Number

方法一：使用Number（）函数:
非数字的字符串转Number会NaN，空string串(允许包含任意空格)会转化为0, bool=true转为1,false转化为0, null转为0, undefined转为0

方法二:专门对付字符串的方式：(可用于10px等css中的计算)

parseInt()与parseFloat(),可以将字符串中有效的对应内容解析
parseInt(“123r456”)会先解析123然后遇到r直接break!
parseInt()只能取整数,parseFloat()可取小数
如果对非String使用parseInt（）或parseFloat（），它会先将其转化为String，然后再操作
利用parseint可以取整

3. 转化为boolean

Boolean函数
Number 非0：true ，0：false，
String 非空：true ，空：false，
Null 为false， undefined为false, Object为true

9.其他进制的数字

表示16进制(需要以0x开头)： var a=0x3f3f3f3f; 输出会自动转化为10进制
表示8进制(需要以0开头)： var a=070; 输出会自动转化为10进制
表示2进制(需要以0b开头)： var a=0b10; 输出会自动转化为10进制

注意parseInt(“070”)会被不同浏览器解析成10或8进制,只需改为parseInt(“070”,10)或parseInt(“070”,8)即可

10.算数运算符

运算符也叫操作符，例如:+,typeof()[返回值是string]

算数运算符:+,-,*,/,%：

+: 对非Number进行运算的时候遵循上面的规律进行转化运算，NaN参与运算结果一定是NaN，特殊的，两个字符串相加(只有相加)的结果是两个字符串拼接，任何值与字符串相加数字会转化为字符串任何拼接,包括NaN，利用这个性质可以任意类型+空字符串得到字符串类型，隐式类型转化

 Infinity+"hello"
 "Infinityhello"
  NaN+"hello"
 "NaNhello"

运算是自左向右的所以"1"+2+3=“123”,1+2+“3”=“33”

-/ *//:对非Number进行运算的时候遵循上面的规律进行转化运算，NaN参与运算结果一定是NaN，特殊的，字符串相减的时候会转化为Number，利用这个性质可以做string隐式类型转化为Number
%取模运算

一元运算符

一元运算符:+,-

Number:+不会产生影响，-会取反
非Number会先转化成Number再运算,例如-true=-1,-NaN=NaN
利用这个性质+a可以把a转化为Number，例如+“1”+2+3=6

自增自减

自增可以使得变量在自身的基础上加1,a++ <=> a=a+1,++a <=> a=a+1,自带赋值，前后++与C语言相同
自减可以使得变量在自身的基础上减1,a-- <=> a=a-1,–a <=> a=a-1,自带赋值，前后–与C语言相同
a++的值等于原变量的值（自增前的值）
++a的值等于新值（自增后的值）
唯一的区别是后++是先给值然后马上自增。例如

var b=10;
console.log(b++ + ++b + b);

结果是

   10+12+12=34

并且注意

var b=10;
b=b++;
console.log(b);

等价于

var b=10;
var c=b++;
b=c;
console.log(b);

同样的--同理

逻辑运算符

三个:非!,与&&,或||

!:对bool进行运算就是取反，对非bool会先转化为bool。如果对一个值进行两次取反，它不会变化。
我们可以利用该特点，来将一种其他的数据类型将其转化为bool,方法是!!tmp，原理和Boolean（）函数一样

var a=false;
console.log(!a);
console.log(!!a);

var b=10;
console.log(!b);
console.log(!!b);

得到结果

true
false
false
true

&& 与
–&可以对符号两侧的值进行与运算并返回结果
–运算规则：
—两个值中只要有一个值为false就返回false
只有两个值都为ture时，才会返回ture
—JS中的“与”属于短路的与
如果第一个值为false，则不会看第二个值
|| 或
–运算规则：
—JS中的“或”属于短路的或
如果第一个值为false，则会检查第二个值

-&&，||与C相同，也有短路，非bool进行运算需要先转换为bool进行运算，然后返回原值

与运算：
1. 如果两个值都是true，则返回后边的
  – result = 5&&6；输出6
2. 如果两个值中有false，则返回靠前的false
  – result = 0&&6；输出0
  规则小结：
  如果第一个值是ture，则返回第二个值
  如果第一个值是false，则返回第一个值
或运算：
如果第一个值是ture，则返回第一个值
如果第一个值是false，则返回第二个值

返回值就是在加入短路原则之后最后判断的那个元素

赋值运算符

+=,-=,*=,/=,%=与C完全相同

关系运算符

关系成立返回true，关系不成立返回false
>，>=，<，<=，==,!=

除了==与!=符号:

非数值的情况: 转化为Number, 任何值与NaN比较都是false

 特殊的: 
      符号两侧都是字符串会分别比较字符的Unicode编码
      比较两个字符串时，比较的是字符串的字符编码、
      比较字符编码时是一位一位进行比较
      如果两位一样，则比较下一位，所以借用它来对英文进行排序
      比较中文时没意义
      如果比较

前面的一样短的小，所以谨慎比较两个数字字符串

对于==与!=符号：类型不同会自动进行类型转化，但是左边转右边还是右边转左边都不一定，注意的是undefinednull,任何值NaN都为false, 包括NaN

===,!与,!=

简单来说： == 代表相同， ===代表严格相同

这么理解：当进行双等号比较时候：先检查两个操作数数据类型，如果相同，则进行=比较，如果不同，则愿意为你进行一次类型转换，转换成相同类型后再进行比较，而=比较时，如果类型不同，直接就是false.

操作数1 == 操作数2，操作数1 === 操作数2

比较过程：

双等号==：

如果两个值类型相同，再进行三个等号(===)的比较
如果两个值类型不同，也有可能相等，需根据以下规则进行类型转换在比较：
如果一个是null，一个是undefined，那么相等
如果一个是字符串，一个是数值，把字符串转换成数值之后再进行比较

三等号===: 

如果类型不同，就一定不相等
如果两个都是数值，并且是同一个值，那么相等；如果其中至少一个是NaN，那么不相等。（判断一个值是否是NaN，只能使用isNaN( ) 来判断）
如果两个都是字符串，每个位置的字符都一样，那么相等，否则不相等。
如果两个值都是true，或是false，那么相等
如果两个值都引用同一个对象或是函数，那么相等，否则不相等
如果两个值都是null，或是undefined，那么相等