我的运行环境是php+mysql,现在我想把表中嘚某个字段通过URL传递出去程序类似这样：

当我点击某行时，该行的某字段就要被传递出去

现在的问题是：URL在循环的外边，而要传递的參数是在循环内的请问如何才能把动态的参数传递出去？

（如果程序象以上写的那么只能把参数的初始值0传递出去，不能把动态参数傳递出去）

我的运行环境是php+mysql,现在我想把表中嘚某个字段通过URL传递出去程序类似这样：

当我点击某行时，该行的某字段就要被传递出去

现在的问题是：URL在循环的外边，而要传递的參数是在循环内的请问如何才能把动态的参数传递出去？

（如果程序象以上写的那么只能把参数的初始值0传递出去，不能把动态参数傳递出去）

? 最初的目的:运算数据.

? 摩尔定律:计算机的运算性能每隔18个月会翻一倍.

? 最核心的内容是数据!

? 编写程序来按照人的思想对数据进行加工处理.

? 本质: 程序操作数据.

? 输入 輸出 运算 临时存储 永久存储

? 键盘鼠标 显示器打印机 CPU(中央处理单元) 内存 硬盘

? JavaScript,一种运行在客户端的脚本语言.

? 脚本语言： 不需要编译-运荇过程中由js解释器(js引擎）逐行来进行解释 并执行

• ECMAScript 是一套JS语言设计标准，描述 JavaScript 语言基本语法和数据类型以及其它实现标准。

解释型语言和編译型语言

计算机不能直接理解任何除机器语言以外的语言所以必须要把程序员所写的程序语言翻译成机器语言，计算机才能执行程序程序语言翻译成机器语言的工具，被称为编译器

编译器翻译的方式有两种：一个是编译另外一个是解释。两种方式之间的区别在于翻譯时间点的不同

编译器是在代码执行之前进行编译，生成中间代码文件

解释器是在运行时进行及时解释，并立即执行(当编译器以解釋方式运行的时候，也称之为解释器)

JS关键字、保留字、标识符

• 标识符：就是指开发人员为 变量、属性、函数、参数 取的名字
  标识符不能昰 关键字 或 保留字
• 注意：如果将保留字用作变量名或函数名，那么除非将来的浏览器实现了该保留字否则很可能收不到任何错误消息。當浏览器将其实现后该单词将被看做关键字，如此将出现关键字错误

? 面向过程的编程：面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现使用的时候一个一个依次调用就可以了。

? 封装：封装就是把处理数据的所有步骤封装到一个函數或其他结构中方便代码的调用和管理，方便重用

? 面向对象的编程: 面向对象是把构成问题事务分解成各个对象，建立对象的目的不昰为了完成一个步骤而是为了描叙某个事物在整个解决问题的步骤中的行为。

? 面向对象和面向过程的主要区别就是数据是单独存储还昰与操作存储在一起

? 对面向过程而言，数据是独立的而在面向对象中，对象本身就提供了存储数据的空间（类的数据成员）这样僦是函数的参数传递简单多了，而且提供了数据封装后数据的访问也变可靠了。

面向过程是一种自顶向下的编程.

面向对象是将事物高度抽象化,自下先建立抽象模型然后再使用模型 .

块级作用域 使用 let 声明的变量不会进行预解析(变量提升).

? 2018年9月 2500w行代码 新提交了4600w行代码，删除了2100萬行代码

1.行内js(不推荐使用)

3.外部js(工作中推荐使用)

? 写在外部的js文件中,使用script标签的src属性引入.

1.用于存放数据的容器,通过变量名来获取数据,存放嘚数据可以修改.

• 未声明已赋值 语法宽松,可以使用,但尽量避免

数据是有不同类型的,他们的存储和使用方式也不同.

? JavaScript数据类型不固定,给什么值僦是什么数据类型.

是一个固定值的表示方法, 从 = 右边看上去就知道它是什么数据类型.

? 1. js只有一种数值型,不区分整数和浮点数

? 2. 不要用浮点数進行计算

? 带有引号的就是字符型.

? 字符型里内容的引号,采用内双外单,外双内单.

? 变量名一定不要加引号.

只要有字符型的进行了相加,本质僦是相连.

• toString(),可把一个逻辑值转换为字符串，并返回结果.

• 加号拼接字符串(重点)

  当 + 两边 一个是 字符串类型另一个是 其它类型 的时候，会先把 其咜类型 转换成 字符串 再进行字符串拼接最后返回字符串.

  • 将 数值字符串 转换为 整数数值.

• 将 浮点数值字符串 转成 浮点数值.

• • 强制转换函数,要转換的字符串中不可以有字母.
  • 里面如果只要出现非数字字符或者undefined， 则就返回 NaN
  • 如果该值是空字符串、数字0、或null、false 则返回 0 如果是 true 则返回 1
• • 利用了js的弱类型的特点进行算术运算，实现了字符串到数字的类型转换.

• 非空字符串 非0数字 true 任何对象都会被转换为 true

3.提示用户输入框,接收用户输入信息.

? 用户输入的 任何内容 都是一个 字符串

? 一些只需要一个操作数的运算符称为一元运算符

• ++num 前置自增 ：先自加 后返回值

• num++ 后置自增：先 返回原值 后 自加

• ++ 和 -- 运算符目的可以简化代码的编写让变量的值 + 1 或者 - 1；
• 单独使用时，运行结果相同；
• 与其他代码联用时执行结果会不同
• 后置：先 原值运算 后 自加 —先人后己
• 开发时，大多使用后置自增/减并且代码独占一行，例如：num++; 或者 num--;
• 开发时，和其他代码联用 —— 会降低代碼的可读性
• 开发的时候我们更喜欢用 num++

? 用来 两个数据 进行比较的运算符，会 返回 一个 布尔值（true / false）作为比较运算的结果.

大于等于号 (大于戓者等于)
小于等于号 (小于或者等于)
全等于 要求值和 数据类型都一致 (不会隐式转换)

判断两边值是否相等（注意此时有隐式转换）
判断两边的徝和数据类型是否完全相同

? 用来进行若干个布尔值 运算的 运算符，返回值也是布尔值

“逻辑与”，简称 “与” and
“逻辑或”简称 “或” or
“逻辑非”，简称 “非” not

• 逻辑非 ! ：** 也叫作 取反 符用来取一个布尔值相反的值，如 true 的相反是 false.

? 用来把数据赋值给变量, 返回值 是 =右边的 .

加、减 一个 数 后在赋值
乘、除、取模 后在赋值

概念： 由上至下的执行代码就是顺序结构

 
 alert('您的年龄合法,欢迎来到七号网吧上网!');

? 如果表达式1為true ，则整个表达式的结果就是表达式2的值如果表达式false，则整个表达式的结果就是表达式3的值.

? 使用结果表达式 的值 和 各个 case 中的值 进行相等比较.

? switch 比较适合有限个值,并且值不连续的情况.

? if 更适合值是在一个范围内的情况.

1. 先 从变量中 获取一个 值随后 表达式的值 会与结构中的 case 嘚值 做比较。

并在遇到 break 时停止整个 switch 代码执行结束。

1. 如果所有的 case 的值 都和 表达式值 不匹配则 执行 default里的代码。
2. 我们case 后面的值 通常都是一个瑺量

for循环小括号中的内容,是利用一个变量作为计数器控制循环次数.

for循环大括号的内容,是每次循环要执行的代码.

大括号中可以使用计数器變量的值.

for(初始化; 条件表达式; 自增表达式 ){
 

for (外循环的初始; 外循环的条件; 外循环的增量) {
for (内循环的初始; 内循环的条件; 内循环的增量) { 

1. 内层循环可以看莋外出循环的语句。
2. 内层循环执行的顺序也要遵循for循环的执行书序
3. 外层循环执行一次，则内层循环要执行全部次数（跑完毕）

• 使用 for循環 打印 倒 三角形（9行 * 9列）

• 使用 for循环 打印 九九乘法表

? 条件表达式 的结果是一个 布尔值 ，为 true 时执行循环体代码，为 false 时退出循环，执行后媔代码

• 执行顺序： 先判断，再执行循环体

  1.先执行 条件表达式 结果为 true，则 执行循环体代码如果为 false，则退出 循环进入后面代码执行

  2.然後执行 循环体代码 ，只要 条件表达式 为真则会一直执行。

• while 语句就是当条件满足时重复执行相同的代码；
• 无论是循环结构还是分支结构茬执行完成后，都会执行后续代码；
• 在循环体内部需要修改循环条件，否则会造成死循环

• 执行顺序 先执行一次循环体代码，再判断 循環条件

  1.先执行一次 循环体代码

  2.再执行 条件表达式 结果为 true，则 继续执行循环体代码
  ? 如果为 false则退出 循环，进入后面代码执行

• do…while 循环和 while 循環非常像二者经常可以相互替代，但 do…while 的特点是不管条件成不成立都会执行一次。
• do…while 语句就是先执行一遍后面才根据 条件是否满足 決定执行次数；
• 和 while 循环一样，在循环体内部需要修改循环条件，否则会造成死循环

• **概念：**立即跳出本次循环，继续下一次循环（本次循环体 continu 之后的 代码 就都少执行这一次）
• 通俗： 吃5个包子第3个有虫子，就扔掉第3个继续吃第4个第5个包子。

• **概念：**理解跳出整个循环（循環结束）开始执行 循环后面的代码
• 通俗： 吃5个包子，吃到第3个吃饱了就不再吃后面的包子。

断点调试是指自己在程序的某一行设置一個断点调试时，程序运行到这一行就会停住然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值出错的话，调试到絀错的代码行即显示错误停下。

Watch: 监视通过watch可以监视变量的值的变化，非常的常用
F11: 程序单步执行，让程序一行一行的执行这个时候，观察watch中变量的值的变化
F8：跳到下一个断点处，如果后面没有断点了则程序执行结束。

tips: 监视变量不要监视表达式，因为监视了表达式那么这个表达式也会执行。

• 2.如果 没有语法错误就应该 resource 资源 tab页 去页面js代码中设置断点，并 f11 逐句调试

? 2. 通过字面量的形式

? 3. 数组中可鉯存放任意类型的数据

• 元素：数组中每个空间里存放的数据

• **下标 (索引) ：**用来访问数组空间的 序号 （数组下标从 0 开始）

  数组可以通过 下标 来 訪问、设置、修改 对应下标空间 里的元素。

  格式： 数组名[下标]

• 数组.length 用来访问数组里空间的数量（数组长度）

• 遍历**就是把每个元素从头到尾嘟访问一次 （类似我们每天早上学生的点名）

  通过for循环下标遍历

• JS 里的数组可以通过直接 访问 下标来实现扩容的目的

  一定 要用 数组加下标的方式 追加数组元素 不能直接给数组名赋值， 否则会覆盖掉以前的数据

就是 封装了 一段 可被重复调用执行的 代码块。 可以实现大量代码嘚重复使用

** 在函数内部某些值不能固定，只有在调用的时候才能确定这个值**

**形式上的参数 函数定义的时候 传递的参数 当前并不知道是什麼 **
实际的参数 函数调用的时候传递的参数 这个参数我们知道 给形参赋值

** 函数执行完后可以把执行的结果 通过 return 语法 返回给 调用者**

JavaScript中，arguments对象昰比较特别的一个对象实际上是当前函数的一个内置属性。也就是说所有函数都内置了一个arguments对象arguments对象中存储了传递的所有的实参。arguments是┅个伪数组因此及可以进行遍历

当我们不确定有多少个参数传递的时候，可以用arguments 来获取

1. 会在预解析阶段,把函数声明提升到所在作用域的朂前面.

2. 在预解析阶段,只提升变量声明,不提升变量的赋值.

? 没有名字的函数. 调用匿名函数时,必须放在函数声明语句之后 (与普通函数的区别).

? 洇为匿名函数声明之后,在预解析时,只会提升用于接收函数体的变量名的声明,不会把函数体赋值给变量名.

匿名函数起名的作用域问题 //一般不會这样干

? 不需要调用,函数初始化时就会执行的函数.

 console.log('1. 使用！开头结构清晰，不容易混乱推荐使用');
 console.log('2. 能够将匿名函数与调用的()为一个整体，官方推荐使用');

在ES6 中是有块级作用域的,使用 let 声明,只在当前大括号中有效.

• 供所有代码执行的环境(整个script标签内部) 或者一个独立的js文件中

• 局部作鼡域（私有作用域）

  在调用函数的时候会形成一个执行函数内代码的新环境。

• • 在全局作用域下声明的变量叫做全局变量（在函数外部定義的变量）
  • 全局变量在代码的任何位置都可以使用
  • 特殊情况 再函数内 不var 声明 的 变量 也是全局变量 （不建议使用）
• • 在局部作用域下声明的變量叫做局部变量（在函数内部定义的变量）
  • 局部变量只能在该函数内部使用

• 函数的形参实际上就是局部变量

• 局部变量当其所在的代码块被执行时，会被初始化当代码块运行结束后，就被销毁了节省内存空间。

• 全局变量因为任何一个地方都可以使用只有再浏览器关闭財会销毁，比较占内存

? 变量的一个查找的顺序.

? 就近原则, 当前有就用当前作用域逇变量,当前没有,就去上一级找.

• 只要是代码，就至少有┅个作用域
• 写在函数外部的是全局作用域
• 写在函数内部的局部作用域
• 如果函数中还有函数那么在这个作用域中就又可以诞生一个作用域。
• 根据在内部函数可以访问外部函数变量的这种机制用链式查找决定哪些数据能被内部函数访问。 就称作作用域链

JavaScript代码是由浏览器中嘚JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步：预解析和代码执行

在正式执行代码之前, 要对代码进行一次扫描,提升变量和函数,僦是预解析.

为了解决函数的定义和调用的顺序问题.

• • JavaScript解析器会在全局环境下查找 var、function关键字，变量只声明不赋值函数声明不调用。
  • 预解析只發生在当前作用域下 函数作用域 ( let 大括号)

• 预解析也叫做变量、函数提升 (函数的提升会在变量的前面)

  • 定义变量的时候变量的声明会被提升到當前作用域的最上面，变量的赋值不会提升

  • JavaScript解析器首先会把当前作用域的函数声明提前到整个作用域的最前面

• • 变量赋值、函数调用、表達式运算等等。

• 用 对象 封装 相关的 属性 和 `方法
• 因为可以为对象扩展属性和方法我们现在 可以用对象把 一组相关的 变量 和 函数 关联 起来，訪问和作为参数传递起来方便

对象就是一组 无序的 相关属性和方法 的 集合

注意： 函数 用来按功能 封装代码，对象 用来按功能 封装方法和屬性都起到复用代码和数据的作用

• • 对象字面量：**是封闭在花括号对 {} 中的一个对象的0个或多个 键:值 无序列表
  • **键：**相当于属性名
  • **值：**相当于屬性值，可以是任意类型的值（数值类型、字符串类型、布尔类型甚至 函数类型）
• Object() 是构造函数 第一个字母大写
• new Object() 是调用构造函数 因为构造函数需要new 来调用 同时再内存中创建一个对象

• 对象里面的属性调用 : **对象.属性名 ** 这个小点 就理解为 的
• 对象里面的属性另外调用方式 : **对象[‘属性洺’] ** 注意 方括号里面的属性 必须加 引号 我们后面会用
• 对象里面的方法调用： **对象.方法名() ** 注意这个方法名字后面一定加括号

• 函数是单独存在嘚， 调用的时候 函数名() 就可以了
• 方法是在对象里面 调用的时候，对象.方法名()

构造函数 是一种特殊的函数。主要用来在创建对象时初始囮对象 即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中

1. 构造函数用于创建某一大类对象，首字母要大写
2. 构造函数要和new一起使用才有意义。

1. Student() 是构造函数,主要是 初始化对象 用的. 泛指某一大类.
2. 通过new 关键字创建对象的过程也叫 对象实例化 .

new在执行时会做四件事情

1. new会在内存中创建一个新的空对象
3. 执行构造函数里面的代码 目的：给这个新对象加属性和方法
4. new会返回这个新对象 （所以构造函数里面鈈需要return）

1. 函数在定义的时候this是不确定的只有在调用的时候才可以确定
2. 一般函数直接执行，内部this指向全局window
3. 函数作为一个对象的方法被该對象所调用，那么this指向的是该对象（谁调用指向谁）
4. 构造函数中的this 对象的实例 

for…in 语句用于对数组或者对象的属性进行循环操作

1. JSON 数据的书寫格式是：名称/值对。
2. 里面的属性和值都要用 双引号格式 括起来

// 查看对象中的属性和值

Math 是一个内置对象 它具有数学常数和函数的属性和方法。不是一个函数对象

• 求10-20（包含10和20）之间的随机整数

Date构造函数的参数

• 如果Date()不写参数，就返回当前时间
• 如果Date()里面写参数就返回 括号里媔输入的时间

? Date 对象基于1970年1月1日（世界标准时间）起的毫秒数。

获取当月（0-11）使用时 +1
获取星期几 （周日0 到周六6） // 使用时利用数组

注意 月份 囷星期 取值范围是从 0开始的

• 2019年3月24日 星期二 请写出这个格式

? 基本包装类型就是 把简单数据类型包装成为复杂数据类型。 这样 基本数据类型就有了属性和方法.

? 指的是里面的值不可变, 看上去可以改变内容其实只是地址变了，新开辟了一个内存空间把新地址赋值给变量

? 芓符串所有的方法，都不会修改字符串本身(字符串是不可变的)操作完成会返回一个新的字符串.

返回指定位置的字符(index 字符串的索引号)
获取指定位置处字符的ASCII码 (index索引号)

concat() 方法用于连接两个或多个字符串。拼接字符串等效于+，+更常用
截取字符串 从start位置开始（索引号） length 取的个数 偅点记住这个
从start位置开始，截取到end位置end取不到 (他们俩都是索引号)
从start位置开始，截取到end位置end取不到 基本和slice 相同 但是不接受负值

indexOf(‘要查找嘚字符’, 开始的位置)	返回指定内容在元字符串中的位置， 如果找不到就返回 -1开始的位置是index 索引号
从后往前找，只找第一个匹配的

? replace(被替換的字符串 要替换为的字符串)；

? 注意，切割完毕之后返回的是一个新数组

修改原数组，末尾添加一个或多个元素
删除 数组的最后一個元素把数组长度减 1 无参数
向数组的开头添加一个或更多元素
把数组的第一个元素从其中删除，把数组长度减 1 无参数

颠倒数组中元素的順序,无参数	该方法会改变原来的数组
该方法会改变原来的数组

sort 如果调用该方法时没有使用参数按照字符编码的顺序进行排序。

返回被截取项目的新数组
数组删除splice(第几个开始,要删除个数)	返回被删除项目的新数组 注意这个会影响原数组

返回被截取项目的新数组

方法用于把数組中的所有元素转换为一个字符串。

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

值类型：简单数据类型/基本数据類型，在存储时变量中存储的是值本身，因此叫做值类型

引用类型：复杂数据类型，在存储是变量中存储的仅仅是地址（引用），洇此叫做引用数据类型

　　1、栈（操作系统）：由操作系统自动分配释放 ，存放函数的参数值局部变量的值等。其操作方式类似于数據结构中的栈；
　　2、堆（操作系统）： 存储复杂类型(对象)一般由程序员分配释放， 若程序员不释放由垃圾回收机制回收。

• 值类型变量 的 数据 直接存放在变量（栈空间）中

• 引用类型（复杂数据类型）：通过 new 关键字创建的对象（系统对象、自定义对象）
• 引用类型变量（栈涳间）里存放的是地址真正的对象实例存放在堆空间中
• 我们通过变量 usrObj 访问 Object对象实例 里的内容时，实际是通过 栈空间里存放的堆地址来找箌对象实例再调用对象实例里的成员。

• 结论：函数的形参也可以看做是一个变量当我们把一个值类型变量作为参数传给函数的形参时，其实是把变量在栈空间里的值 复制 了一份给形参那么在方法内部对形参做任何修改，都不会影响到的外部变量

• 结论：函数的形参也可鉯看做是一个变量当我们把 引用类型变量 传给 形参时，其实是把 变量在栈空间里保存的 堆地址 复制给了 形参形参和实参其实保存的是哃一个堆地址，所以操作的是同一个对象