IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 第五次网页前端培训笔记 -> 正文阅读

[JavaScript知识库]第五次网页前端培训笔记

1.JS整体

?

?2.JS的基本使用

行内JS:在html标签内直接写JS代码。

内部JS:定义在script标签内部的JS代码。

外部JS:单独的JS代码文件,在HTML中通过script标签引入?。

<body>
		<!-- 行内 -->
		<button onclick="alert('Holle World!');">按钮</button>
		<!-- 内部 -->
		<script type="text/javascript">
			//alert("这是一个按钮!");
		</script>
		<!-- 引入外部JS文件 -->
		<script src="js/test.js" type="text/javascript" charset="utf-8"></script>
	</body>

3.JS的基础语法

1. JS代码以行为单位,代码从上往下执行,一行一条语句。
2.语句不加分号结尾,如果-行定义多条语句, 每句语句只会必须以分号结尾。(建议都加分号)
3.表达式不需要以分号结尾,如果加了分号则JavaScript引擎会当做语句执行,生成无用的语句。

4.变量

JS是一种弱类型语言,在声明变量时不需要指明数据类型,直接用var修饰符进行声明。
变量的注意点:
1.如果变量只声明而未赋值,则显示undef inded
2.如果变量未声明就使用,则会报错
3.可以使用var同时声明多个变量
4.如果重新声明一个已存在的变量,是无效
5.如果重新声明一个已存在的变量并赋值,则会覆盖


?

5.数据类型?

? ? ?JS是弱类型语言,变量没有类型,但数据本身是有类型的。针对不同的类型,我们可以进行不同的操作。
? ? JavaScript中有6种数据类型,其中有五种简单的数据类型: Undefined、 Null、 布尔、数值和字符串。一种复杂数据类型object.
数值(Number):? ? ? ? ?整数和小数(比如1和3.14)
字符串(String) :? ? ? ? 字符组成的文本 (比如"Hello World")
布尔值(Boolean) :? ? true (真)和false (假)两个特定值
Undefined :? ? ? ? ? ? ? 表示"未定义"或不存在,即此处目前没有任何值
Null :? ? ? ? ? ? ? ? ? ? ? ? 表示空缺,即此处应该有一一个值,但目前为空
对象(object) (引用) : 各种值组成的集合。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?1)、对象(object) {name : " zhangsan" , age:"18" }
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?2)、数组(array) [1,2,3]
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?3)、函数(function) function test() {}

例如:

<script type="text/javascript">
			// JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型 
			var x; // x 为 undefined
			var x = 5; // 现在 x 为数字
			var x = "John"; // 现在 x 为字符串
			// 布尔(逻辑)只能有两个值:true 或 false。
			var x = true;
			var y = false;
			// avaScript 只有一种数字类型。数字可以带小数点,也可以不带
			var x1 = 34.00; //使用小数点来写
			var x2 = 34; //不使用小数点来写
		</script>

6.类型转换:

?1.自动类型转换

转字符串:所有的值转字符串都是加引号
转布尔型:有值为true, 无值为false (0为false, 非0为true)
转数值型:空值是0,非空的数值型字符串能转换,非数值字符串转换为NaN

2.函数转换

parseInt( ):转整数型
parseFloat ( ):转浮点型
注:转换时会从值的第零个位置开始找有效数字,直到找到无效数字位置

?

</script>
		<!-- 1.自动类型转换
		1.转字符串:所有的值转字符串都是加引号
		2.转布尔型:有值为true, 无值为false (0为false, 非0为true)
		3.转数值型:空值是0,非空的数值型字符串能转换,非数值字符串转换为NaN
		2.函数转换
		parseInt( ):转整数型
		parseFloat ( ):转浮点型
		注:转换时会从值的第零个位置开始找有效数字,直到找到无效数字位置 -->
		<script type="text/javascript">
			console.log(parseInt("123abc")); // 123
			console.log(parseInt("abc123"); // NaN 
					console.log(parseInt("123.4abc")); // 123
					console.log(parseInt("123"));
		</script>

3.显示转换
tostring()将值转换成字符串
toFixed()保留指定小数位
注:值不能为null

  • NaN 的数据类型是 number
  • 数组(Array)的数据类型是 object
  • 日期(Date)的数据类型为 object
  • null 的数据类型是 object
  • 未定义变量的数据类型为 undefined

如果对象是 JavaScript Array 或 JavaScript Date ,我们就无法通过?typeof?来判断他们的类型,因为都是 返回 object。

?

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-02-09 20:36:38  更:2022-02-09 20:37:24 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 10:54:57-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码