javascript学习笔记其一 | 青训营

59 阅读3分钟

1.JS简介

JavaScript是目前web开发中不可缺少的脚本语言,js不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行JavaScript代码。

2.组成部分

(1)核心(ECMAScript):描述了该语言的语法和基本对象。

(2)DOM:Document Object Model(文档对象模型):描述处理网页内容的方法和接口。

html加载到浏览器的内存中,可以使用js的DOM技术对内存中的html节点进行修改,用户从浏览器看到的是js动态修改后的页面。

(3)BOM:Brower Object Model(浏览器对象模型与浏览器进行交互的方法和接口。

例如:浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。

3、特点

(1)开发工具简单,记事本即可

(2)无需编译,直接由数据 JS引擎负责执行

(3)弱类型语言由数据来决定 数据类型

(4)面向对象

4、作用

(1)嵌入动态文本与HTML页面

(2)对浏览器时间做出相应

(3)读写HTML元素

(4)在数据被提交到服务器之前验证数据

(5)检测访客的浏览器信息

(6)控制cookies,包括创建和修改等。

(7)基于node.js技术进行服务器端编程。

5、JS三种添加方式

(1)行内式

(2)内嵌式

(3)外链式

6、变量

定义:就是内存中的一段存储空间

变量命名规范

只能由字母、数字、_(下划线)、$(美元符号)组成。

不能以数字开头。

命名中不能出现-(js会理解成减号进行减法的操作),不能和关键字冲突。

js是弱类型语言,不重视类型的定义,js会根据为变量赋值的情况自定判断该变量是何种类型:

7、数据类型

数值型:number(凡是数字都是数值型,不区分整数和小数)

字符串:string(凡是引号包括起来的内容全部都是字符串)

布尔:boolean(true、false)

对象类型:object(声明对象未赋值取值null)

未定义型:undefined

8、检测数据类型 typeof(value); 或 typeof value; 返回这个变量的类型 说明 : 同一个变量, 可以进行不同类型的数据赋值.

实践案例:

var a;
alert(typeof a);  // undefined

a = 123;
alert(typeof a); // number

a = "学无止境";
alert(typeof a); // string

a = true;
alert(typeof a); // boolean

</script>

9、逗号运算符

使用逗号可以在一条语句中执行多次操作

10、算术运算符

js中的小数和整数都是number类型,不存在整数除以整数还是整数的结论。

字符串和其他的数据使用+号运算,会连接成一个新的字符串。

字符串使用除了+以外的运算符:如果字符串本身是一个数字,那么会自动转成number进行运算,

否则就会返回一个NaN的结果,表示这不是一个数字。NaN:not a number

11、关系运算符

12、逻辑运算符

13、三目运算符

条件?表达式1:表达式=2

如果条件为true,返回表达式1的结果

如果条件为false,返回表达式2的结果

14、赋值运算符

15、自定义函数

16、匿名函数

17、条件语句

(1) if…else语句

(2)switch…case语句

18、循环语句

(1)for语句

(2) while语句

(3)do…while语句

19、数组

数组是用于储存多个相同类型数据的集合

数组内的各个值被称作元素,每一个元素都可以通过索引来读取,索引是从零开始的整数