JavaScript入门

介绍:

JavaScript(通常缩写为JS)是一门基于原型和头等函数的多范式高级解释型编程语言, 它支持面向对象程序设计、指令式编程和函数式编程。它提供方法来操控文本、数组、日期和正则表达式等。不支持I/O, 比如网络、存储和图形等, 但这些都可以由它的宿主环境提供支持。目前它被世界上绝大多数网站所使用, 也被世界主流浏览器(Chrome、IE、FireFox、Safari和Opera)所支持

对于客户端来说，JavaScript通常被实现为一门解释语言，但如今它已经可以被即时编译（JIT）。随着HTML5和CSS3语言标准的推行，它还可以用于游戏、桌面和移动应用程序的开发，以及在服务器端网络环境运行（如Node.js）。

作用: 给页面添加动态效果

语言特点:

1. 基于面向对象的语言

2. 属于弱类型的语言

3. 属于脚本语言, 不需要编译, 由浏览器解析执行

4. 安全性强: JS语言只能访问浏览器内部的数据, 浏览器以外的禁止访问

5. 交互性强: 由于JS语言是嵌入到HTML中, 最终执行在客户端的浏览器中的语言, 和用户是直接接触, Java语言是运行在服务器的语言, 用户需要进行交互的话必须通过网络才可以, 所以JS语言的交互性更强

变量

JS语言属于弱类型语言, 声明变量的时候不需要指定类型

通过let或var声明变量

let生命的变量, 作用和Java语言类似

var声明的变量, 作用域是全局的

数据类型

JavaScript中只有对象类型

常见的对象类型:

number数值: 相当于Java中所有数值类型的总和

string字符串: 可以用单引号或双引号修饰

boolean布尔值: true/false

undefined未定义: 当变量只声明不赋值的时候变量为未定义类型

typeof 变量: 获取变量类型

运算符

算术运算符+ - * / %

除法和Java不一样, JS语言会自动根据结果转换为整数或小数

关系运算符> < >= <= != == ===

== 和===区别: ==先统一两边变量的类型再比较值, ===先比较两边变量的类型, 类型一致后再比较值 ''666''==666 true ''666''===666 false

逻辑运算符: && || !

赋值运算符: = += -= *= /= %=

三目运算符: 条件?值1:值2

各种语句

if else

while

for

switch case

如何在HTML页面中添加JS代码

三种添加方式:

内联: 在标签的事件属性中添加JS代码, 事件触发时执行

内部: 在页面的任意位置写script标签, 标签体内写JS代码

外部: 在单独的JS文件中写JS代码, 在HTML页面中通过script标签的src属性引入

方法

Java: public void 方法名(参数列表){方法体}

JavaScript:

function 方法名(参数列表){方法体}

let 方法名 = function(参数列表){方法体}

let 方法名 = new function("参数1", "参数2", "参数3", "方法体");

和页面相关的方法

1. 通过选择器找到页面中的元素对象

let 元素对象= document.querySelector("选择器");

2. 获取和修改元素的文本内容

元素对象.innerText = "xxxx"; 修改

元素对象.innerText 获取

3. 获取和修改控件的值

文本框对象.value = "xxxx"; 修改

文本框对象.value 获取

NaN

Not a Number 代表不是一个数字

isNaN(变量) 返回值true代表是NaN, false代表不是NaN

NaN和任何数值进行任何运算, 结果都是NaN

JavaScript对象分类

内置对象: 包括string, number, boolean等

BOM: 浏览器对象模型

DOM: 文档对象模型