如何用phpstudy做网站聚合广告联盟

javascript

1.1javascript是什么？

是运行在浏览器【客户端】的编程语言

1.2 js的组成

ECMAScript (基础语法) Web APIs (DOM BOM)

1.3 js的书写位置

内部，外部，行内 【代码写在标签内部】

// 内部
<script>alter("你好！！")</script>
// 外部引入
// 外部引入的script中间不需要写代码，否则会被忽略
<script src="./js/my.js"></script>
// 行内样式
<button onclick="alter("学习中~~")"></button>

注意：书写的位置尽量写到文档末尾前面

补充：注释的方式
单行注释：
符号： //
作用：注释之后的代码会被忽略
快捷键：ctrl+/
多行注释：
符号：/* /
作用： 在/ */之间的内容会被忽略
快捷键：shift+alt+a

1.4 js输入输出语法

计算机中的语法是指编程语言的规则和约定

   // 1. 文档输出内容document.write('11111')document.write('<h1>我是一级标题</h1>')alter('要输出的内容')  // 页面弹出警告对话框console.log('控制台打印')  // 程序员调试// 2.输入语法prompt('请输入您的姓名')

javascript代码的执行顺序
按照HTML文档流顺序执行Javascript代码
alter() 和 prompt() 它们会跳过页面渲染先被执行

1.5什么是字面量

在计算机科学中，字面量（literal）是在计算机中描述 事/物

1000 数字字面量
‘学习中~’ 字符串字面量
[] 数组字面量
{} 对象字面量

1.6 什么是变量

变量是计算机中用来存储数据的“容器”，
它可以让计算机变得有记忆，通俗的理解变量就是使用【某个符号】来代表【某个具体的数值】（数据）

变量不是数据本身，它们仅仅是在一个用于存储数值的容器，可以理解为一个个用来装东西的盒子
变量就是一个地址，指向了存储数据的内存单元

变量使用let进行赋值，使用= 【赋值运算符】进行赋值

1.7 变量的本质

内存：计算机中存储数据的地方，相当于一个空间
变量本质：是程序在内存中申请的一块用来存放数据的小空间

1.7.1 变量名命名规则

关于变量的名称（标识符）有一系列的规则需要遵守：

1. 只能是字母、数字、下划线、$，且不能能数字开头
2. 字母区分大小写，如 Age 和 age 是不同的变量
3. JavaScript 内部已占用于单词（关键字或保留字）不允许使用
4. 尽量保证变量具有一定的语义，见字知义

注：所谓关键字是指 JavaScript 内部使用的词语，如 let 和var，保留字是指 JavaScript 内部目前没有使用的词语，但是将来可能会使用词语。

1.8 数组

变量一次只能存储一个值，所以这里我们引入了数组
1.数组的声明

// 声明数组
let num=[1,2,3,4]
// 输出数据    使用数组 【数组名＋索引号】索引号从0开始
consonle.log(num[1])  // 2 

数组是按照顺序进行排序的，数组里面可以存储任意类型的数据

1.9 常量

使用const声明的变量就是常量，常量不允许重新赋值，声明的时候必须赋值（初始化）
不需要重新赋值的数据使用const

javascript 是一种弱数据类型
NaN 代表一个计算错误。它是一个不正确的或者一个未定义的数学操作所得到的结果，NnN是粘性的任何对于NaN的操作都会返回NaN

console.log("婷宝"-2)  //NaN  not a number console.log(NaN+2)  //NaN

通过单引号(“) 、双引号(”")或反引号(`)包裹的数据都叫字符串,单引号和双引号没有本质上的区别,推荐使用单引号。
1.无论单引号或是双引号必须成对使用
2.单引号/双引号可以互相嵌套，但是不以自已嵌套自已（口诀：外双内单，或者外单内双）
3.必要时可以使用转义符\，输出单引号或双引号

字符串之间的拼接 + 口诀：数字相加，字符相连

1.10 模板字符串

拼接字符串和变量
语法

``   (反引号)
在英文输入模式下按键盘的tab键上方那个键(1左边那个键)
内容拼接变量时,用${}包住变量
let age =19
document.write(`我今年${age}岁了`)

1.11 数据类型

undefined   未定义 已经声明了，但是没有赋值
let num
console.log(num)   // undefined   
null  空类型   仅仅是一个代表“无 ” “ 空” 或者“值未知”的特殊值
undefined 表示没有赋值，不能确定自己的类型 null表示赋值了但是内容为空
console.log(undefined+1)  // NaN
console.log(null+1)   // 1
// 如果一个变量里面确定存放的是对象，如果还没有准备好对象，可以放一个null

基本数据类型null undefined bolean number string
引用数据类型： function(){} obj [] 对象 数组 函数

数据类型检查的方法

typeof 运算符可以返回被检测的数据类型。它支持两种语法
1. 作为函数运算符： typeof x
2. 函数写法 typeof(x)     // 两种方式输出的结果一样
3. let obj=null
4. console.log( typeof obj)   // object 

1.12 数据类型的转换

  let num = prompt('请输入第一个数')console.log(typeof num);  // string
//     在js中prompt 和单选框 复选框 表单 输入的值都是string

数据类型的转换——就是把一种数据类型的变量转换为我们需要的数据类型

显式转换

编写程序时过度依靠系统内部的隐式转换是不严禁的,因为隐式转换规律并不清晰,大多是靠经验总结的规律。为了避免因隐式转换带来的问题,通常根逻辑需要对数据进行显示转换。
概念：自己写代码告诉系统该转成什么类型
转换为数字型Number(数据)

隐式转换

某些运算符被执行时，系统内部自动将数据类型进行转换,这种转换称为隐式转换。
规则：

• +号两边只要有一个是字符串，都会把另外一个转成字符串
• 除了+以外的算术运算符 比如-* /等都会把数据转成数字类型
  + 缺点：转换类型不明确，靠经验才能总结
  + 小技巧：
• +号作为正号解析可以转换成数字型
• 任何数据和字符串相加结果都是字符串

console.log(2-"2")  // 0  
console.log(+"123")  // 数值型123

转换为数字型
Number(数据)
转成数字类型
如果字符串内容里有非数字，转换失败时结果为 NaN（Not a Number）即不是一个数字
NaN也是number类型的数据，代表非数字
parselnt(数据)只保留整数
parseFloat(数据)可以保留小数
声明变量并赋值就是初始化

1.13 比较运算符

== 左右两边的值是否相等 【== 是判断】
=== 左右两边是否类型和值都相等 【 === 是全等】

console.log(2=='2')  // true
console.log(2==='2')  // false
console.log(NaN===NaN)  // NaN 不等于任何值，包括它自己

比较的结果为boolean 类型，即只会得到true或false

1.14 逻辑运算符

一元运算符里面的逻辑非优先级很高
逻辑与比逻辑或优先级高

1.15 表达式和语句

表达式：因为表达式可被求值，所以它可以被写在赋值语句的右侧
表达式：num=3+4
语句：而语句不一定有值，所以比如alter() for 和break 等语句就不能被用于赋值
语句：alter() 弹出对话框，console.log() 控制台打印输出

分支语句：
if 分支语句

if(3>4){
console.log('执行语句')  // if条件语句里面的条件结果为布尔值
}
if(0){
console.log('执行语句')  // 当里面的条件为0的时候不执行
}
if(''){
console.log('执行语句')  // 不执行
}

1.16 switch 语句

// 1. 变量的起始值
let i=1
// 2.终止条件
while(i<=3){
document.write('我要循环三次<br>')
// 3.变量的变化
i++
}

目标:能说出continue和break的区别
循环结束：
break ： 退出循环
continue ：结束本次循环，继续下次循环
区别：
continue 退出本次循环，一般用于排除或者跳过某一个选项的时候,可以使用continue
break 退出整个循环，一般用于结果已经得到，后续的循环不需要的时候可以使用
while(true）来构造“无限”循环，需要使用break退出循环。
for(；；)也可以来构造“无限”循环，同样需要使用break退出循环。
for循环和while循环有什么区别呢：

• 当如果明确了循环的次数的时候推荐使用for循环
• 当不明确循环的次数的时候推荐使用while循环

数组

数组是一种按顺序保存数据的数据类型

数组.push()方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度(重点)
arr.unshift(新增的内容)方法将一个或多个元素添加到数组的开头，并返回该数组的新长度
数组.pop()方法从数组中删除最后一个元素，并返回该元素的值
shiift() 删除开头的元素
unshift() 增加开头的元素
splice() 删除指定元素

arr.splice(start,deleteCount)
arr.splice(起始位置，删除几个元素)
arr.splice(1，1)  // 从索引1的位置开始删除，只删除一个

冒泡排序

是一种简单的排序算法，它重复地走访要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。

sort

数组.sort()

let arr=[4,2,5,1,3]
1.升序排序
arr.sort(function(a,b){
return a-b
})
console.log(arr)  // [1,2,3,4,5]
2.降序排序
arr.sort(function(a,b){
return b-a
})
console.log(arr)  //[5,4,3,2,1]  

函数

1. 为什么需要函数？
   可以实现代码复用，提高开发效率
2. 函数是什么？
   function执行特定任务的代码块
   3.函数的使用

//函数的声明使用
function 函数名（）{
函数体
}

函数名命名规范
和变量命名基本一致
尽量小驼峰式命名法
前缀应该为动词
命名建议：常用动词约定

声明的函数必须调用之后才会真正被执行

// 函数的调用
函数名()
// 我们曾经使用的 alert()，parselnt()这种名字后面跟小括号的本质都是函数的调用

函数体是函数的构成部分,它负责将相同或相似代码“包裹”起来,直到函数调用时函数体内的代码才会被执行。函数的功能代码都要写在函数体当中。

function  sayHi(){
console.log('嗨~')  // 函数体

函数是用那个关键字声明的：function
函数不调用自己不执行，调用方法：函数名()

形参和实参

形参：声明函数时写在函数名右边小括号里面的叫形参【形式上的参数】
实参：调用函数时写在函数名右边的小括号里面的叫实参 【实际上的参数】

retrurn

细节：

• 在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用
• return 后面代码不会再被执行，会立即结束当前函数，所以 return 后面的数据不要换行写
• return函数可以没有 return，这种情况函数默认返回值为 undefined

break continue return之间的区别

break 结束当前循环，执行当前循环下边的语句，忽略循环体中任何其他语句和循环条件测试
只能跳出一层循环
return 从当前方法中退出返回调用该方法的语句处继续执行
continue 终止本次循环的执行，即跳过当前这次循环中continue语句后尚未执行的语句，接着进行下一次循环条件的判断。


变量的访问原则：在能够访问到的情况下 先局部， 局部没有在找全局

立即执行函数

立即执行函数的作用：防止变量污染
立即执行函数无须调用，立即执行，多个立即执行函数之间使用分号隔开
常见的立即执行函数的两种写法：

// 方式1
(function(){console.log(11)})();
// 方式2：
(function(){console.log(11)}());

对象是一种数据类型，无序的数据的集合
对象的声明使用：

let 对象名={}
let 对象名=new Object()

对象的使用：

内置对象——Math


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

• 值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型
  string ，number，boolean，undefined，null
• 引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型
  通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等