Bootstrap

js笔记(黑马程序员)

js(day2)

一、运算符

1.赋值运算符

运算符作用
+=加法赋值
-=减法赋值
*=乘法复制
/=除法赋值
%=取余赋值

2.一元运算符

符号作用说明
++自增变量自身的值加1,如X++
--自减变量自身的值减1,如X--

3.比较运算符

运算符作用
>左边是否大于右边
<左边是否小于右边
>=左边是否大于或等于右边
<=左边是否小于或等于右边
===左右两边是否类型和值都相等
==左右两边值是否相等
!=左右值不相等
!==左右两边是否不全等

4.逻辑运算符

符号名称
&&逻辑与
||逻辑或
逻辑非

5.运算符优先级

优先级运算符顺序
1小括号()
2一元运算符++  --  !
3算术运算符先*  /  %  后 +  -
4关系运算符>  >=  <  <=
5相等运算符==  !=  ===  !==
6逻辑运算符先&&后||
7赋值运算符=
8逗号运算符

二、表达式与语句

表达式:表达式是可以被求值的代码,JavaScript 引擎会将其计算出一个结果。比如:3 + 4、num++

语句:语句是一段可以执行的代码。比如:prompt() 可以弹出一个输入框,还有 if 语句 for 循环语句等等

1.分支语句

1.if语句

单分支

双分支

多分支

2.三元运算符

语法:条件 ? 满足条件执行的代码 : 不满足条件执行的代码

3.Switch语句

2.循环语句

1.while语句

循环三要素

1.初始值(常用变量)

2.终止条件

3.变量的变化量

2.循环退出

break:中止整个循环,一般用于结果已经得到, 后续的循环不需要的时候可以使用(提高效率)

continue:中止本次循环,一般用于排除或者跳过某一个选项的时候

js(day3)

一、数组

1.数组的基本用法

1.声明

let 数组名 = [数据1,数据2,数据3,.......]

2.取值

数组名 [下标]

3. 一些术语:

元素:数组中保存的每个数据都叫数组元素

下标:数组中数据的编号

长度:数组中数据的个数,通过数组的length属性获得

2.操作数组

1.新增

arr.push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度

arr.unshift() 方法将一个或多个元素添加到数组的开头,并返回该数组的新长度

2.删除

arr.pop() 方法从数组中删除最后一个元素,并返回该元素的值

arr.shift() 方法从数组中删除第一个元素,并返回该元素的值

arr.splice(起始位置,删除几个元素) 方法删除指定元素

js(day4)

一、函数

函数(function):是被设计为执行特定任务的代码块

说明:函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势是有利于精简代码方便复用。

比如我们前面使用的 alert() 、 prompt() 和 console.log() 都是一些 js 函数,只不过已经封装好了,我们直接使用的。

1.函数的使用

1.声明

function 函数名(){

         函数体

}

2.调用

function 函数名()

3.函数名命名规范:

和变量命名基本一致

尽量小驼峰式命名法

前缀应该为动词

2.函数传参

语法:

function 函数名(参数列表){

         函数体

}

形参:声明函数时写在函数名右边小括号里的叫形参(形式上的参数)

实参:调用函数时写在函数名右边小括号里的叫实参(实际上的参数)

3.函数返回值

语法:

return 数据

注:1.在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用

2.return 后面代码不会再被执行,会立即结束当前函数,所以 return 后面的数据不要换行写

3.return 函数可以没有 return,这种情况函数默认返回值为 undefined

4.匿名函数

匿名函数使用方式:1.函数表达式            2.立即执行函数

1. 函数表达式

 函数表达式将匿名函数赋值给一个变量,并且通过变量名称进行调用 我们将这个称为函数表达式

语法:

2.立即执行函数

立即执行函数避免全局变量之间的污染

多个立即执行函数要用 ; 隔开,要不然会报错语法

语法:

二、逻辑中断

1.逻辑短路

短路:只存在于 && 和 || 中,当满足一定条件会让右边代码不执行

符号短路条件
&&左边为false就短路
||左边为true就短路

2.转换为Boolean型

1.显示转换:‘’、0、undefined、null、false、NaN 转换为布尔值后都是 false, 其余则为 true

2.隐式转换:有字符串的加法 “” + 1 ,结果是 “1”减法 - (像大多数数学运算一样)只能用于数字,

它会使空字符串 "" 转换为 0null 经过数字转换之后会变为 0undefined 经过数字转换之后会变为

NaN

js(day5)

一、对象

1.对象(object):是 JavaScript 数据类型的一种,之前已经学习了数值类型、字符串类型、布尔类型、undefined。对象数据类型可以被理解成是一种数据集合。它由属性和方法两部分构成。

1.对象的使用

1.声明

let 对象名 = {}

2.对象有属性和方法组成

属性:信息或叫特征(名词)。比如 手机尺寸、颜色、重量等…

方法:功能或叫行为(动词)。比如 手机打电话、发短信、玩游戏…

let 对象名 = {
  属性名: 属性值,
  方法名: 函数
}

3. 属性
1.属性都是成对出现的,包括属性名和值,它们之间使用英文 : 分隔

2.多个属性之间使用英文 , 分隔

3.属性就是依附在对象上的变量(外面是变量,对象内是属性)

4.属性名可以使用 "" 或 '',一般情况下省略,除非名称遇到特殊符号如空格、中横线等

2.对象语法

1. 属性-查

语法:对象名.属性

2. 属性-改

语法:对象名.属性 = 新值

3. 属性-增

语法:对象名.新属性 = 新值


4. 属性-删

语法:delete 对象名.属性


5.属性-查的另外一种写法

1.对于多词属性或则 - 等属性,点操作就不能用了。

2.我们可以采取:对象['属性']方式, 单引号和双引号都可以

二、内置对象

内置对象:JavaScript内部提供的对象,包含各种属性和方法给开发者调用

1.内置对象-Math:

Math 对象是 JavaScript 提供的一个“数学”对象

Math 对象包含的方法有:

random:生成0-1之间的随机数(包含0不包括1)

ceil:向上取整

floor:向下取整

round:四舍五入

max:找最大数

min:找最小数

pow:幂运算

abs:绝对值

Math.random() 随机数函数, 返回一个0 - 1之间,并且包括0不包括1的随机小数 [0, 1)

2.基本数据类型和引用数据类型

简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型。

1.值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型

         string ,number,boolean,undefined,null

2.引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型

          通过 new 关键字创建的对象(系统对象、自定义对象),如 Object、Array、Date等

3.堆栈空间分配区别:

    1.栈(操作系统):由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈;简单数据类型存放到栈里面

    2.堆(操作系统):存储复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收。引用数据类型存放到堆里面

;