zguangju / jsbase

js 基础

1. js 使用

• 内联 两个 body 中间靠下

<script> //js语言 </script>

• js 外链引入 src 对应的是外部引入地址 外链的文件名叫 js 外链的 js script 标签中间不要写东西

<script src="./index.js"></script>

//index.js
document.write('hello world');
// js中以分号作为语句结束 如果独占一行则可以省略分号(通常不建议省略分号)
var a= 1;var b =2
var a =1

2. 变量 Variable 可变的量 存储一个值 定义变量可以用var 如果定义变量不赋值 变量的值是undefind

• 命名规则 必须以字母、下划线_、美元符号($)开头,后面可以有数字

// 定义变量 
var a 
console.log(a)// 结果是undefind
// 错误示例 var 1 
// 正确示例
var a = 1;
var A = 1;
var $a =3
var _a =4
var hu = 'aaaaaaa';

var a = 1;
var a = 2;
//a => 2

3. js 输出

• document.write 文档写入 document 文档 write 写入

• console.log 控制台输出

console.log('hello world');

• alert 弹窗输出内容 有一个确定按钮

alert('hello world');

• confirm(不常用) 确认弹窗 有确认和取消按钮 点击确认按钮会返回 true 点击取消按钮会返回 fasle

if (confirm('我是好人')) {
  alert('是的 你是个好人');
} else {
  alert('不是 你不是好人');
}

• prompt(不常用) 显示可提示用户进行输入的对话框

var name = prompt('请输入姓名');
if (name == 'lilei') {
  alert('输入正确');
} else {
  console.log('输入错误，请重新输入');
}

4. js 注释 为了让大家更好的理解代码(不影响代码 又可以注明代码的用途)

// 单行注释
/**
 *
 * 这里是多行注释
 */

5. JavaScript 数据类型

• 值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。
• 引用数据类型：对象(Object)、数组(Array)、函数(Function)。

值类型

1. 字符串类型 *String 字符串可以是引号中的任意文本 单引号或者双引号

 'hello world' "hello world"

2. 数字 *Number js 只有一种数据类型 可以是整数或者小数

 1  2  2.2

3）布尔类型 Boolean 只有两个值 true false

  true  false

4） null 空值 5） undefined 未定义

     var a;
		 console.log(a) //undefind

6. Symbol 表示独一无二的值

    let b = Symbol('b')
	  let c = Symbol('b')
		console.log(b==c) //false

引用类型

1）数组Array 存放很多东西的集合

• 数组的定义 中括号表示数组，每一项以逗号分割

 // 字面量定义
 [] 空数组 
 var students = ['学生1','学生2','学生3' ]
  var goods =['牙膏'，'牙刷'，'苹果','洗衣机']

 //数组[数字] 表示数组的第几项  js的计数是从0开始算的
  var students = new Array()
  students[0] ='学生1'
  students[1] ='学生2'
 ```
2）对象  是以大括号{}表示 对象里面放的是键值对（key:value ）每一项还是以逗号分割 key(键名)和value(键值)以：分割
3）函数 Function 

6. 条件语句 if else if 后面括号跟的值返回的是一定是 true 或者 false if 可以独立使用 if else if 只要有一个条件成立就不在继续往下走了
```js
if (条件js) {
//条件成立
}
if (条件js) {
//条件成立
} else {
// 条件不成立
}
// if else if else 只要有一个条件成立就不在继续执行
var c = 9;
if (c > 9) {
alert('第一个条件');
} else if (c > 7) {
alert('第二个条件');
} else if (c > 8) {
alert('第三个条件');
} else {
alert('第四个条件');
}

• 三元表达式 if else的简化版 条件？条件成立的执行语句:条件不成立的执行语句

 var age = 19
 age>=18?document.write('成年'):document.write('未成年')
 var  money = 200
 // 函数里面如果有三元 return需要在语句的最前面 
 function str(){
    return money>100?'买的起':'买不起'
 }
 str()

7. js 中 = 和 == 的区别

// 一个等号表示赋值
// 两个等号表示比较等号左右两边的值是否相等

8. 条件判断语句 switch case

  // 基本写法
  switch(条件){
    case  条件对比:
      // 如果条件成立走这里
     break
     default:
       //如果条件全都不成立走这里
  }

9. 函数 也是一种数据类型 引用类型 Fuction
   作用：函数是由事件驱动或者主动调用时可重复执行的代码块

 //函数基本写法
 /**
  * funtion 
  * funname 函数名(英文)
  * (a,b) 用来放形参 和实参一一对应
  * {}  函数执行的内容 
 */
 function  funname () {}
 // 函数执行、调用
 funname()

• 函数的参数 调用函数时你可以给函数传递值 这些值被称为参数 可以传多个 这些参数以逗号分割

funname(1,2,3)  //实参(实际传递的参数)

• 函数需要接受这些参数 来进行一些js逻辑处理 函数接受的参数和传递的参数要一一对应 (形参)

funciton funname(a,b){ //形参 用来接受实际参数
}

• 带有返回值的函数 通过return就可以实现 并把返回值给到调用它的地方 函数调用 = 返回值 函数如果碰到return 后面的语句不在执行 都是无效代码

funciton a(){
   return 1 
  }
a() // a执行的结果就是1  

10. 作用域
    • 全局变量(班费) 都可以访问
    • 局部变量(自己的钱) 只在函数内部可以访问 在函数内部使用var声明的是局部变量
11. for 循环 批量处理数据

for(初始化条件;终止(退出)条件；最终条件)
++自增运算符 每次会自动加1 
for(var i=0;i<10;i++){
  //执行语句
  console.log(i) //0 1
}

数据类型 以及各种数据类型常用方法

1. 字符串

• 创建

  var str  = 'hello'
  //通过构造函数创建
  var str = new String('hello')

• 字符串的属性 长度 length 创建字符串的构造函数 constructor
  指向函数的原型 prototype
• 字符串的方法 charAt()和 charCodeAt()
• charAt(数字) 表示截取字符串中的一个的哪个索引

   var str  = 'hello'
   str.charAt(0)
   
   str[0]

• concat 拼接 把两个字符串拼在一起

 var str  = 'hello'
 var str2= 'world'
 var str3  = str.concat(str2)

• slice/substr/substring 截取字符串的多个 两个参数 第一个参数表示从哪截取 第二个参数表示截取到哪个索引 (包前不包后) 如果只传一个参数 表示从当前索引截取到末尾

 var  str = 'hello'
 var  str1  = str.slice(0,2) //he
 var  str1  = str.slice(2) //llo 
 var str2  = str.substr(0,2)

• indexOf 和 lastIndexOf 或者字符串的索引 indexof 该字符第一次出现的索引 lastIndexOf 该字符最后一次出现的索引 如果检测不到索引 则返回-1 (该字符串没有此字符)

    var str = 'hello'
    console.log(str.indexOf('l')) //2
    console.log(str.lastIndexOf('l')) //3
    var n= '李先生'
    console.log(n.indexOf('王'))

• trim() 字符串去除前后的空格

 var n = '李小姐 '
 var res = n.trim()
 console.log(res)

• 字符转换大小写 toUpperCase 转大写 toLowerCase 转小写

  var a = 'english'
  var l = a.toUpperCase() // 'ENGLISH'
  var m = l.toLowerCase() //'english'
  console.log(l,m)

2. 数字类型 Number 正数、负数、小数、0 无穷大 Infinity NaN

• NaN 表示不是一个有效数字,NaN和任何值都不相等
• Number([value]) Parseint([vaule]) Parsefloat([valvue])
• Number会把其他类型强制转化成数字类型 1). 字符串转数字 一旦字符串中出现非有效数字则会转成NaN,只有字符串中都是有效数字才会转成数字 空字符串转化为0 2). 布尔类型转数组 true -> 1 false->0

 console.log(Number(true)) //1
 console.log(Number(false)) //0 

3). null转数字,结果是0

 console.log(Number(null)) //0 

4). symbol不能转数字，否则会报错 5). 函数和undefind转数字，结果是NaN 6）. 对象转数字 先把对象转成字符串(toString()内置方法)，再把字符串转成数字 - 普通对象 {name:lili} - 数组对象 [12] - 其他对象 都是NaN