JavaScript学习
2021-07-29 11:56:16 2 举报
AI智能生成
前端学习必备基础,暑期带你不走偏三天快速学习JavaScript
作者其他创作
大纲/内容
进制
浮点数
范围
numbder
数字类型
带有 '' 或者 "" 包裹
length
长度
\\' => '
\\" => "
\\\\ => \\
转义符
拼接
字符串+字符串\t
加法
数字 + 数字
字符串 + 数字
+拼接
总结 :只要出现字符串和 + ==> 拼接
概念
string
字符串类型
true
false
boolean
布尔类型
undefined
特殊
object
null
简单数据类型
array
复杂数据类型
数据类型
+ - * / %
运算操作符
= += -=
赋值运算符
先用
再加
num++
先加
再用
++num
++
自增
--
自减
一元运算符
> < >= <=
比较额内容
==
比较的是内容 + 类型
===
== 和 ===
只要内容不相等就为true
不等于
!=
比较运算符
与 且
&&
或
||
取反
非
!
逻辑运算符
操作符
变量+数据类型
顺序结构
处理一种情况
场景 \t
结构
单独的if语句
处理2种情况
场景
结构
if..else
处理3+种情况
if..else if..else
if语句 (重点)
子主题 1
返回值
三元运算符 (重点)
switch语句
判断范围
if\t
具体值
switch
简单的if语句
最大值 最小值
三元运算符
场景
分支结构
注意
while
do..while
for (太重要了)
确定具体次数
for
可以不执行一次的
至少会执行一次的
不确定次数
外层for决定的是行数
里层for决定的是列数/ 每行的个数
双重for循环
循环结构
流程控制
跳出大括号
结束整个for循环
break
继续下一个循环
结束当前次循环
continue
break和continue
多个元素的集合
数组的概念
有长度
有顺序
特点
存储大量的数据
用途
var arr = new Array()
创建空数组
创建有内容的数组
var arr = new Array(4)
创建有长度的空数组
构造函数
var arr = []
字面量
创建数组
arr.length
0
开始
arr.length-1
结束
下标
数组的长度和下标
数组名[下标]
直接取
1. 下标存在
2.下标不存在
取值
数组名[下标] = 值
修改
下标存在
添加
下标不存在
赋值
取值和赋值
arr[arr.length] = 值
arr.push()
追加数据
代码
遍历数组
数组
初级版
中级版
优化版
冒泡
function 函数名() {}
var f = function () {}
声明
toString()
console.log()
alert()
函数名()
执行/调用
方法=函数
函数的声明与调用
全局变量
任意地方都能访问
函数外部
全局作用域
局部变量
只能在函数内部访问
函数内部
函数作用域
也属于全局变量
了解一下
ES6这个取消掉了
一定要声明 : var
num = 12;
隐式全局变量
分支主题
这是两个
函数内部访问的话: 访问局部的
作用域
提升到`当前作用域`的最前面
var num = 12;
函数的声明提到最前面
function test() {}
后面的会覆盖前面的
函数同名
函数优先
函数与变量同名
变量提升
预解析
1. 声明
2. 传参
3. 返回值
防止全局变量污染
4. 自调用 (自执行)
匿名函数
number
数字 \t
字符串\t
布尔
undefined\t
object(特殊)
null\t\t
基本数据类型
一等公民
function
函数
对象
typeof
function ()
可以作为参数 传递
可以作为返回值
函数是一个类型
返回值也是可有可无的
函数的返回值
递归函数
参数可以有可无
函数的参数
一组无序的键值对集合
用途 : 存储一些无序的数据
对象的概念\t
[]
{}
属性名 : 属性值
键值对
对象的初体验
创建空对象
创建有内容的对象
构造函数 Object
单独创建
工厂函数
1. 创建一个空对象
2. this指向了这个空对象
添加属性和方法
实例化属性
3. 执行构造函数
4. 返回这个新对象
new的作用
构造函数一般和new使用
自定义构造函数
批量创建
this指向的就是调用这个方法的对象
this
创建对象的几种方式
结构: 对象名.属性名 = 值
属性之前是不存在的
增
delete 对象名.属性名
删
结构 : 对象名.属性名 = 值
属性之前是存在的
改
结构 : 对象名.属性名
查
obj.name
obj这个对象的 name属性
`的`
.
结构 : 对象名.属性名
结构 : 对象名.属性 = 值
总结 : 对象名.属性名 ( 属性名 类似这个变量 不是字符串 )
点语法
obj['name']
var key = 'name'; obj[key]
对象名 [ 属性字符串 ]
场景 : 遍历对象
[]语法
点语法和 [] 语法的区别
对象的属性操作
变量存储的是值本身
例子
传递的话也是传的是值本身
简单数据类型/ 基本数据类型
值类型
变量存储的是地址
引用类型
instanceof
constructor
查看类型
值类型和引用类型
PI
Math.max()
Math.min()
Math.ceil()
Math.floor()
Math.round()
Math.random()
Math.abs()
Math.pow()
Math.sqrt()
随机颜色
Math
var date=new Date()
var date = new Date("2018-04-18 00:00:00")
var date = new Date(时间戳)
1. 创建日期
date.getFullYear()
date.getMonth()+1
date.getDate()
date.getHours()
date.getMinutes()
date.getSeconds()
格式化一个日期
2. 获取日期的指定部分
1. 统计代码的运行时间
2. 倒计时案例
用于计算时间差
3. 时间戳
Date
arr.pop()
arr.unshift()
arr.shift()
arr.join()
arr.reverse()
arr.concat()
arr.slice()
arr.splice()
arr.indexOf()
arr.lastIndexOf()
Array
tofixed(2)
Number
Boolean
可以遍历,通过下标来访问
indexOf
lastIndexOf
trim()
toUpperCase()
toLowerCase()
concat
slice
substring
substr
split
replace
String
内置对象
快速学习JavaScript
0 条评论
回复 删除
下一页