JavaScript 入门(简单易懂) 看这一篇就够了

目录

（）

1、什么是JavaScript

（）

1.1、概述

1.2、历史

2、快速入门

2.1、引入引入JavaScript

2.2、基本语法

2.3、数据类型

2.4、严格检查模式

3、数据类型

3.1、字符串

3.2、数组

3.3、对象

3.4、流程控制

3.5、Map和Set

3.6 iterator

3.7数据类型转换字符串类型

3.8数据类型转换数字型（重点）

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

1.标识符：就是指开发人员为变量、属性、函数、参数取的名字。

2.关键字：是指JS本身已经使用了的字，不能再用它们充当变量名、方法名

3.保留字

4.运算符

2.1算数运算符

2.2算数运算符

2.4表达式和返回值

3.递增和递减运算符

3.1递增和递减运算符概念

3.2递增运算符

3.3前置递增和后置递增小结

6.赋值运算符

7.运算符优先级

4.1流程控制

1.流程控制

2.顺序流程控制

3.分支流程控制if语句

3.1分支控制

3.2if语句

3.3 if else语句（双分支语句）

3.4 if else if 语句（多分支语句）

4.三元表达式

5.分支流程控制switch语句

5.2switch语句和 if else if 语句的区别

4.2 for循环

2.1语句结构

断点调试：

2.2for循环重复相同代码

2.3for循环重复某些相同操作

课堂案例：求学生成绩

3.1双重for循环概述

5 函数

4.1 定义函数

4.比较运算符

4.1比较运算符概念

4.2=小结

5.逻辑运算符

5.1逻辑运算符概述

5.2逻辑与&&

5.3逻辑非！

5.4逻辑中断（短路操作）

5.4短路运算（逻辑中断）

6.赋值运算符

3.7转换为布尔类型

4.2、变量的作用域

4.3、方法

5.内部对象

5.1 Date

5.2 JSON

1解析型语言和编译语言

5.3 Ajax

6.面向对象编程

6.1 什么是面向对象

6.2创建对象的三种方式：利用字面量创建对象

7.操作BOM对象（重点）

8、操作 Dom对象（重点）

---

1、快速入门

1.1、引入引入JavaScript

测试

   alert("hello,world"); 

1.内部标签

   //.......

2.外部引入

abs.js

//、、、

test.html

1.2、基本语法

    //1.定义变量  变量类型  变量名=变量值；var num=1;var name="qinjiang";   //alert(num);   //2.条件控制    if(2>1){        alert("true");    }    //1.定义变量  变量类型  变量名=变量值；var num=1;   //alert(num);   //2.条件控制    if(score>60&& score70&& score3

1.4、严格检查模式

    'use strict';   //全局变量    let i=1;//ES6 let

2、数据类型

2.1、字符串

1、正常字符串我们使用 单引号，或者双引号

2、注意转移字符\

\’ 字符串\n 换行\t\u4e2d  编码 \u### Unicode字符\x41        Ascll字符

 ‘user strict’ consle.log('a\''); consle.log('a');

3、多行字符串编写

var msg='hello         world         你好ya         你好'

4、模板字符串

  ‘user struct’;  //tab 上面  esc键下面  let name="qinjiang";  let age=3;  let msg=`你好呀，${name}`

5、字符串长度

console.log(str.length)

6、字符串的可变性，不可变

console.log(student[0])sstudent[0]=1  //赋值为1console.log(student) //打印student //输出

7、大小写转换

//注意，这里是方法，不是属性了console.log(student.toUpperCase())//大写console.log(student.toLowerCase()) //小写

8、获取下标

console.log(student.indexOf("t")) //t字符串

9、截取 substring

console.log(student.substring(1))//从第一个字符串截取到最后一个字符串console.log(student.substring(1,3)           )//截取一三的字

2.2、数组

Array可以包含任意的数据类型 （重点练习）

var arr=[1,2,3,4,5,6]; //通过下标取值和赋值 arr[0]arr[0]=1

1、长度

arr.length

注意：加入给arr.length赋值，数组大小就会发生变化~,如果赋值过小，元素就会就会丢失

2、indexOf，通过元素获得下标索引。

arr.indexOf(2)1

字符串的“1”和数字1是不同的

3.slice () 截取Array 的一部分，返回一个新的数组，类似于String中的substring

4、push（），pop（） 尾部 重点练习

push:添加压入到尾部pop:弹出尾部的一个元素

5、unshift(),shift()头部 重点练习

push:添加压入到头部pop:弹出头部的一个元素

6、排序sort()

(3)["B","C","A"]arr,sort()(3)["A","B","C"]

7、元素反转 reverse()

(3)["B","C","A"]arr,reverse()(3)["A","B","C"]

8、concat() （重点练习）

(3)["C","B","A"]arr.concat([1,2,3])(6)["C","B","A",1,2,3]arr(3)["C","B","A"]

注意：concat()并没有修改数组，只是会返回一个新的数组

9、连接符join

打印拼接数组，使用特定的字符串连接

(3)["C","B","A"]arr.join('-')"C-B-A"

10、多维数组

arr=[[1,2],[3,4],["5","6"]];arr[1][1]4

数组：存储数据（如何存，如何取，方法都可以自己实现！）

2.3、对象

若干个键值对var 对象名={    属性名： 属性值，    属性名： 属性值，    属性名： 属性值}​​//定义一个person对象，它有四个属性var person={    name："wo",    age:3,    eail:"132546@qq.con",    score:0}

js中的对象，{......}表示一个对象，键值对描述属性xxxx: xxxx, 多个属性之间使用逗号隔开，最后一属性不加逗号。

javascript中的所有的键都是字符串，值是任意对象！

1.对象赋值

person.name="shi" //赋值"shi" //执行person.name"shi" //输出

2.使用一个不存在的对象属性，不会报错！undefined

person.halaunderfined

3.动态的删除属性,通过delete删除对象的属性

delete person.nametureperson

4.动态的添加，直接给新的属性添加值即可

person.haha="haha""haha"person

5.判断属性值是否在这个对象中！ xxx in xxx!

'age' in persontrue//继承'toString' in persontrue

6.判断一个属性是否是这个对象自身拥有的hasOwnProerty()

person.hasOwnProerty('toString')falseperson.hasOwnProperty('age')true

2.4、流程控制

if判断

var age=3;if(age>3){  //第一个判断   alert("haha");}else if (age