【JavaScript网安快速入门第一天】

目录

适用网安,有一定C基础,对JS要求只会,不精通。

第一天 基础入门

一、JavaScript 简介

1 .1 JavaScripot组成

1.2 JavaScript 书写规范

二、内置函数

三、字面(常)量

3.1 Number

整数,浮点数,科学计数法,特殊值

3.2.1 Infinity (∞) 无穷

3.2.2 NaN

3.3 字符串

*四、变量 var (variable)

4.2命名标识符规范

4.3变量声明提升

五、数据类型判断

六、数据类型转换

6.1 数字转换为字符串

6.2 字符串转换为数字


适用网安,有一定C基础,对JS要求只会,不精通。

第一天 基础入门

一、JavaScript 简介

1 .1 JavaScripot组成


Web前端层次

HTML(结构层) 利用语义化标签搭建网页

CSS(样式层) 利用样式进行美化网页、进行网页布局

JavaScript(行为层) 可以给网页添加动态效果

JavaScript是由三部分组成。ECMAScript(语法规范)、DOM、BOM。

1.2 JavaScript 书写规范

JS属于脚本语言。它需要嵌套在网页中才可以运行。

</script>
<script type="text/javascript">
      alert("你好,我是JS呀");
</script>
#   JS语法,务必通过双闭合标签script,嵌套在网页内部执行。
#   script标签可以放在程序任意地方,但是一般会放在程序最下方。
#   script标签内部,只能放JS语法。标签、样式别再script标签内部书写
#   script标签有一个type属性,属性值为text/javascript。代表的是书写JS语法。
#   JS语句以分号结尾,一个分号就表示一个语句结束。多个语句可以写在一行内。
空语句(;)

二、内置函数

内置:浏览器自带。函数:某些功能

2.1 alert (“弹出警告框");

2.2 promt("提示框");

输入进去的是(黑色)字符串类型

2.3 控制台 console.log("","");

#   console.log可以在控制台中打印一些数据。
#   如果同时打印多个数据,多个数据之间,用逗号隔开。
#   当程序出现错误的时候(红色),可以在控制台中查看。
#   控制台中可以进行一些数学运算。可以获取到运算的结果。

三、字面(常)量

字面量:某个数据类型固定的值。

JS的数据类型一共有六种:五个基本数据类型、一个引用类型。

五个基本数据类型:

数据类型数值
String(字符串类型)“我是大帅哥” “我是大美女”
Number(数字类型)100、200、3.14、-99
Boolean(布尔类型)true、false
Undefined(未定义类型)undefined
Null(空对象类型)null

一个引用类型:(除了基本数据之外的所有类型)

数据类型数值
Object(引用类型)函数、数组、正则、DOM、BOM等等

3.1 Number

整数,浮点数,科学计数法,特殊值

3.2.1 Infinity (∞) 无穷

特殊值:概述:在JS当中,数字其实是有范围的。-2^53~2^53,如果开发中书写数字超出这个范围,
如果超出数字范围,可以利用特殊值Infinity进行表示。Infinity这个数字类型的特殊值,也有正负之分。
# 在控制台中打印的数字,切记是蓝色的。

3.2.2 NaN

概述:NaN,英文(Not A Nunmber ),是Number中的一个特殊值。

例:在数学当中,数字零不能作为分母的。如果出现这种现象,别的语言可能崩掉。
但是在JS当中,不会出现崩掉现象,而是给你返回一个数字类型特殊值NaN。
如:l 如果分子(不为零),分母为零。认为分母零(趋近于零的这样的一个数字),只能返回一个数字类型特殊值Infinity。
   #console.log(0/0);//NaN
   #console.log(12/0);//Infinity

3.3 字符串

#   由双引号、单引号扩起来
#   字符串在控制台中打印的时候是黑色的。
#   如果字符串中一个字符都没有,称之为空字符串

*四、变量 var (variable)

关键字var

语法格式: var 变量名;//代表声明一个变量

变量: 你可以理解为是一个容器,这个容器可以装在任意类型的字面量数值、或者装载数学计算完结果。

4.1 变量使用注意事项

变量定义语法:1.使用var关键字创建。
            2.命名要符合标识符规范。
            3.按名称调用区分大小写。
            4.标识符不能是关键字和保留字符。
            5.一个关键字var可以同时声明多个变量,多个变量之间,需要用逗号隔开。
            6.访问变量时,不能加引号,不然就是字符串了

4.2命名标识符规范

  • 开头:标识符必须是字母,下划线,$。

  • 组成:可以是数字、英文字母、下划线、美元符号

  • 命名规则:驼峰命名法

  • 规则

    • \1. 不能以数字开头

    • \2. 不能是关键字、保留字

    • \3. 中文是合法的标识符,可以用作变量名。

  • 语言特色: JavaScript 是一种动态类型语言,也就是说,变量的类型没有限制,变量可以随时更改类型。

4.3变量声明提升

先解析代码,获取所有被声明的变量,然后再一行一行地运行,执行代码.

  • 一个变量,如果只是声明了。没有赋值,默认初始值为undefined

  • 当程序中出现变量,解析器做的第一件事情。将变量的声明部分,提升到当前作用域最上方。(赋值部分不会提升)

五、数据类型判断

在JS当中,我们可以利用关键字typeof,它主要的作用是可以检测任意类型的字面量或者变量存储的数据为什么类型的数值。

关键字:typeof

  • typeof关键字可以检测任意数据的类型。

  • 使用的时候,关键字typeof + 空格+检测数据即可。

    • typeof null =》 object null==undefind true

    • typeof 数组:[] =》 object

六、数据类型转换

  • \1. 将数字类型的数据转换为字符串类型的数据

  • \2. 将字符串类型的数据转换为数字类型的数据

6.1 数字转换为字符串

+号

#   如果语句当中出现了字符串,这个加号(+),就不是数学的加法了。是所谓连字符。可以将** 数据从左到右变为字符串** 
#   也可作字符串连接符号。

6.2 字符串转换为数字

  • parseInt 字符串转换为整数

  • parseInt 字符串转换为浮点数

从左到右进行转换,转换过程中如遇到, 非数字形式字符,后面数据就不在进行转换。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript是一种动态编程语言,主要用于在Web浏览器中创建动态效果和交互式用户界面。下面是一些快速入门的步骤: 1. 了解基础语法。JavaScript有自己的语法,包括变量声明、条件语句、循环语句、函数等。可以在上找到许多JavaScript语法的教程和指南。 2. 编写第一个JavaScript程序。可以在HTML页面中添加<script>标签,然后在其中编写JavaScript代码。例如: ``` <script> alert("Hello, world!"); </script> ``` 这将在页面加载时显示一个警告框,其中包含“Hello, world!”文本。 3. 学习如何处理事件。JavaScript可以用来处理不同类型的事件,例如用户单击按钮或提交表单。可以使用addEventListener()函数来添加事件处理程序。例如: ``` <button id="myButton">Click me!</button> <script> var button = document.getElementById("myButton"); button.addEventListener("click", function() { alert("Button clicked!"); }); </script> ``` 这将在用户单击按钮时显示一个警告框,其中包含“Button clicked!”文本。 4. 学习如何操作HTML元素。JavaScript可以用来修改HTML元素的内容、样式和属性。例如: ``` <p id="myParagraph">This is a paragraph.</p> <script> var paragraph = document.getElementById("myParagraph"); paragraph.innerHTML = "This is a new paragraph."; paragraph.style.color = "red"; paragraph.setAttribute("title", "This is a tooltip."); </script> ``` 这将将段落元素的文本内容更改为“This is a new paragraph.”,将其文本颜色更改为红色,并添加一个工具提示。 以上就是JavaScript快速入门步骤。可以通过查找更多教程和示例来深入了解JavaScript的功能和用法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值