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()从数组中删除元素。

字符串

相关推荐
码界筑梦坊几秒前
325-基于Python的校园卡消费行为数据可视化分析系统
开发语言·python·信息可视化·django·毕业设计
多恩Stone4 分钟前
【RoPE】Flux 中的 Image Tokenization
开发语言·人工智能·python
李日灐6 分钟前
C++进阶必备:红黑树从 0 到 1: 手撕底层,带你搞懂平衡二叉树的平衡逻辑与黑高检验
开发语言·数据结构·c++·后端·面试·红黑树·自平衡二叉搜索树
John_ToDebug6 分钟前
引擎深处的漫游者:构建浏览器JavaScript引擎的哲学与技艺
javascript·chrome·js
Risehuxyc15 分钟前
备份三个PHP程序
android·开发语言·php
lly20240621 分钟前
PHP Error: 常见错误及其解决方法
开发语言
网安墨雨21 分钟前
Python自动化一------pytes与allure结合生成测试报告
开发语言·自动化测试·软件测试·python·职场和发展·自动化
程序猿阿伟22 分钟前
《TypeScript中Protobuf到运行时类型安全的转换指南》
javascript·安全·typescript
毕设源码李师姐23 分钟前
计算机毕设 java 基于 java 的图书馆借阅系统 智能图书馆借阅综合管理平台 基于 Java 的图书借阅与信息管理系统
java·开发语言·课程设计
忆~遂愿24 分钟前
Runtime 上下文管理:计算实例的生命周期、延迟最小化与上下文切换优化
java·大数据·开发语言·人工智能·docker