JS快速入门个人学习心得(一)

JS快速入门个人学习心得(一)

    • 1、JavaScript 是什么
    • 2、引用JS
    • 3、JS变量
    • 4、JS数据类型
      • Number
      • String
      • Bollean和其他
      • 获取变量类型
    • 5、数据类型转换
      • 转换成字符串
      • 转换为数值
      • 转换为布尔类型
    • 6、操作符
    • 7、表达式和语句
    • 8、流程控制
      • 分支结构
      • 循环结构
    • 9、数组
    • 10、函数
    • 11、作用域
    • 12、预解析
    • 13、对象
    • 14、复杂数据类型
    • 15、内置对象
    • 16、数组常用方法
    • 17、基本包装类型
    • 18、字符串(具有不可变性)

1、JavaScript 是什么

JS快速入门个人学习心得(一)_第1张图片
JS快速入门个人学习心得(一)_第2张图片
JS快速入门个人学习心得(一)_第3张图片
JS快速入门个人学习心得(一)_第4张图片
JS快速入门个人学习心得(一)_第5张图片
JS快速入门个人学习心得(一)_第6张图片

2、引用JS

JS快速入门个人学习心得(一)_第7张图片
注意:JS中可以用双引号也可以用单引号,但是如果外面有双引号那么只能用单引号。

推荐单引号。

3、JS变量

注意:
JS快速入门个人学习心得(一)_第8张图片

JS快速入门个人学习心得(一)_第9张图片
JS快速入门个人学习心得(一)_第10张图片
JS快速入门个人学习心得(一)_第11张图片

4、JS数据类型

Number

JS快速入门个人学习心得(一)_第12张图片
JS快速入门个人学习心得(一)_第13张图片
JS快速入门个人学习心得(一)_第14张图片
JS快速入门个人学习心得(一)_第15张图片
JS快速入门个人学习心得(一)_第16张图片

String

JS快速入门个人学习心得(一)_第17张图片
在这里插入图片描述
JS快速入门个人学习心得(一)_第18张图片
JS快速入门个人学习心得(一)_第19张图片

Bollean和其他

JS快速入门个人学习心得(一)_第20张图片
JS快速入门个人学习心得(一)_第21张图片

获取变量类型

JS快速入门个人学习心得(一)_第22张图片

5、数据类型转换

转换成字符串

JS快速入门个人学习心得(一)_第23张图片
JS快速入门个人学习心得(一)_第24张图片

转换为数值

JS快速入门个人学习心得(一)_第25张图片
parsexxx 无法转换布尔类型
JS快速入门个人学习心得(一)_第26张图片

转换为布尔类型

在这里插入图片描述

6、操作符

JS快速入门个人学习心得(一)_第27张图片
JS快速入门个人学习心得(一)_第28张图片
JS快速入门个人学习心得(一)_第29张图片
JS快速入门个人学习心得(一)_第30张图片

7、表达式和语句

JS快速入门个人学习心得(一)_第31张图片

8、流程控制

分支结构

JS快速入门个人学习心得(一)_第32张图片
JS快速入门个人学习心得(一)_第33张图片
JS快速入门个人学习心得(一)_第34张图片
JS快速入门个人学习心得(一)_第35张图片

循环结构

while
JS快速入门个人学习心得(一)_第36张图片
doWhile
JS快速入门个人学习心得(一)_第37张图片
for
JS快速入门个人学习心得(一)_第38张图片
JS快速入门个人学习心得(一)_第39张图片
continue :跳出本次循环进行下次
break: 跳出循环

9、数组

var name = [];
JS快速入门个人学习心得(一)_第40张图片

10、函数

JS快速入门个人学习心得(一)_第41张图片
函数的参数
JS快速入门个人学习心得(一)_第42张图片
JS快速入门个人学习心得(一)_第43张图片
JS快速入门个人学习心得(一)_第44张图片
JS快速入门个人学习心得(一)_第45张图片
JS快速入门个人学习心得(一)_第46张图片
可以通过arguments获得4,5,6
JS快速入门个人学习心得(一)_第47张图片
JS快速入门个人学习心得(一)_第48张图片
JS快速入门个人学习心得(一)_第49张图片
JS快速入门个人学习心得(一)_第50张图片
JS快速入门个人学习心得(一)_第51张图片
在这里插入图片描述
JS快速入门个人学习心得(一)_第52张图片

11、作用域

JS快速入门个人学习心得(一)_第53张图片
JS快速入门个人学习心得(一)_第54张图片
JS快速入门个人学习心得(一)_第55张图片
JS快速入门个人学习心得(一)_第56张图片
JS快速入门个人学习心得(一)_第57张图片
JS快速入门个人学习心得(一)_第58张图片
JS快速入门个人学习心得(一)_第59张图片

12、预解析

在当前作用域中进行变量和函数提升
在这里插入图片描述
在这里插入图片描述

13、对象

JS快速入门个人学习心得(一)_第60张图片
JS快速入门个人学习心得(一)_第61张图片

JS快速入门个人学习心得(一)_第62张图片
如何创建对象和使用对象成员
JS快速入门个人学习心得(一)_第63张图片
创建对象的第一种方法
JS快速入门个人学习心得(一)_第64张图片

JS快速入门个人学习心得(一)_第65张图片
JS快速入门个人学习心得(一)_第66张图片
JS快速入门个人学习心得(一)_第67张图片
创建对象的第二种方法
JS快速入门个人学习心得(一)_第68张图片
在这里插入图片描述
JS快速入门个人学习心得(一)_第69张图片
JS快速入门个人学习心得(一)_第70张图片

JS快速入门个人学习心得(一)_第71张图片
this
JS快速入门个人学习心得(一)_第72张图片
for in
JS快速入门个人学习心得(一)_第73张图片
删除
JS快速入门个人学习心得(一)_第74张图片

14、复杂数据类型

简单数据类型存储在栈上,复杂数据类型存储在堆上

简单数据类型在内存中存储:
JS快速入门个人学习心得(一)_第75张图片
复杂数据类型在内存中存储:
JS快速入门个人学习心得(一)_第76张图片
简单类型作为函数参数(函数内修改,不会影响外部)
JS快速入门个人学习心得(一)_第77张图片
复杂类型作为函数参数(函数内修改会影响外部(没有new新的的时候))
JS快速入门个人学习心得(一)_第78张图片
复杂类型作为函数参数(函数内修改影响外部(有new新的的时候))
JS快速入门个人学习心得(一)_第79张图片
数组也是复杂函数

15、内置对象

在MDN来查文档
在这里插入图片描述
JS快速入门个人学习心得(一)_第80张图片
JS快速入门个人学习心得(一)_第81张图片
JS快速入门个人学习心得(一)_第82张图片
JS快速入门个人学习心得(一)_第83张图片
JS快速入门个人学习心得(一)_第84张图片
方法一:
JS快速入门个人学习心得(一)_第85张图片
不是返回false 是返回true
JS快速入门个人学习心得(一)_第86张图片

16、数组常用方法

JS快速入门个人学习心得(一)_第87张图片
JS快速入门个人学习心得(一)_第88张图片
在这里插入图片描述
JS快速入门个人学习心得(一)_第89张图片
JS快速入门个人学习心得(一)_第90张图片

17、基本包装类型

JS快速入门个人学习心得(一)_第91张图片
JS快速入门个人学习心得(一)_第92张图片

18、字符串(具有不可变性)

JS快速入门个人学习心得(一)_第93张图片
JS快速入门个人学习心得(一)_第94张图片
在这里插入图片描述
JS快速入门个人学习心得(一)_第95张图片
基础结束~

你可能感兴趣的:(新手,javascript)