JavaWeb从入门到进阶(javaScript)

前言

JavaScript(简称:JS)是一门跨丧台、面向对象的脚本语言。是用来控制网页行为的,它能使网页可交互,不需要进行编译,只需要通过浏览器进行解释。
JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似。
JavaScript在1995年由Brendan Eich发明,并于1997年成为ECMA标准。
ECMAScript 6(ES6)是最新的JavaScript 版本(发布于2015年)。

javaScript的引入方式

内部脚本:将javacript代码定义在HTML界面中

注意点:++javaScript代码必须写在<script></script>标签之间++

++在HTML文档中,可以在任意位置放不同数量的script标签++

++我们一般会把脚本置于<body>元素的底部、++

++外部文本:将javaScript代码定义在外部文件中,然后再引入到HTML中++

++外部文件中,只包含代码不包含标签++

JavaScript语法

区分大小写:与Java一样,变量名、函数名以及其他一切东西都是区分大小写的

每行结尾的分号可有可无

注释:
++单行注释://注释内容 快捷键 cltl+/
多行注释:/*注释内容*/ 快捷键 cltr shift+++

大括号表示代码块

//判断

if(count == 3)

alert(count);

输出语句

++使用window.alert()写入警告框使用++

++document.write()写入HTML 输出使用++

++console.log()写入浏览器控制台++

<script>

window.alert("HelloJavaScript");//浏览器弹出警告框

document.write("Hello JavaScript");//写入HTML,在浏览器展示

console.log("Hello JavaScript");//写入浏览器控制台</script>/

变量

Javascript中用var关键字(variable的缩写)来声明变量。

JavaScript是一门弱类型语言,变量可以存放不同类型的值。

变量名需要遵循如下规则:

组成字符可以是任何字母、数字、下划线(_)或美元符号($)

数字不能开头

建议使用驼峰命名

定义在写在{}中的变量是全局变量,即使定义在外面也能用

注意事项

ECMAScript 6新增了let关键字来定义变量。它的用法类似于var,但是所声明的变量,只在let关键字所在的代码块内有效,且不允许重复声明。

ECMAScript6新增了const关键字,用来声明一个只读的常量。一旦声明,常量的值就不能改变。

数据类型

JavaScript中分为:原始类型和引用类型。

原始类型

number:数字(整数、小数、NaN(Not a Number))

string:字符串,单双引皆可

boolean:布尔。true,false

null:对象为空

undefined:当声明的变量未初始化时,该变量的默认值是 undefined

但是我们知道JS是弱类型的语言,我们怎么知道数据是什么类型的呢

这时我们可以用typeof运算符可以获取数据类型alter(typeof 变量)

运算符

算术运算符:+,-,*,/,%,++,--

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

比较运算符:>,<,>=,<=,!=,==,=

逻辑运算符:&&,l,!

三元运算符:条件表达式?true_value:false_value

注意:==会进行类型转换,===不会进行类型转换

类型转换

字符串类型转为数字:

将字符串字面值转为数字。如果字面值不是数字,则转为NaN。其他类型转为boolean:
Number:0和 NaN为false,其他均转为true。
String:空字符串为false,其他均转为true。
Null和 undefined:均转为false。

alter(paseInt "12");//12

alter(paseInt "12A45")//12

流程控制语句

流程控制

if...else if ...elsq..

switch

for

while

do... while

函数

介绍:函数(方法)是被设计为执行特定任务的代码块。

定义:JavaScript函数通过function关键字进行定义,语法为:

function functionName(参数1,参数2..)

//要执行的代码

注意:
形式参数不需要类型。因为]avaScript是弱类型语言
返回值也不需要定义类型,可以在函数内部直接使用return返回即可调用:函数名称(实际参数列表)

JS对象

Array

JavaScript中Array对象用于定义数组。

定义

var 变量名=new Array(元素列表);//方式一 var arr = new Array(1,2,3,4);

var 变量名=[元素列表];//方式二 var arr =[1,2,3,4];

访问

arr[索引l]=值; arr[10] = "hello";

并且数组长度,类型都可变

属性

length设置或返回数组中元素的数量。

forEach()遍历数组中的每个有值的元素,并调用一次传入的函数,只遍历有值的函数

push()将新元素添加到数组的末尾,并返回新的长度

splice()从数组中删除元素。

字符串

相关推荐
军军君012 小时前
Three.js基础功能学习十二:常量与核心
前端·javascript·学习·3d·threejs·three·三维
chilavert3182 小时前
技术演进中的开发沉思-317 JVM:指令集(下)
开发语言·python
不绝1912 小时前
C#核心——面向对象:封装
开发语言·javascript·c#
yaoxin5211232 小时前
294. Java Stream API - 对流进行归约
java·开发语言
ghie90902 小时前
基于MATLAB的演化博弈仿真实现
开发语言·matlab
曹轲恒2 小时前
Thread.sleep() 方法详解
java·开发语言
aini_lovee2 小时前
基于Qt实现CAN通信上位机
开发语言·qt
27669582922 小时前
dy bd-ticket-guard-client-data bd-ticket-guard-ree-public-key 逆向
前端·javascript·python·abogus·bd-ticket·mstoken·ticket-guard
小小仙。2 小时前
IT自学第十九天
java·开发语言