带你轻松入门JavaScript

最新推荐文章于 2024-06-03 09:20:03 发布

不会斗地主的猪猪

最新推荐文章于 2024-06-03 09:20:03 发布

阅读量116

点赞数 1

分类专栏：前端三件套文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/m0_56825253/article/details/120315568

版权

前端三件套专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章目录

前言
一、JavaScript代码段书写的位置
二、数据类型
- 1.基本数据类型
- 2.引用数据类型
总结

前言

JavaScript是一种浏览器脚本语言，它在很多地方都充当着非常重要的角色，所以，学好JavaScript也是很有必要的，但是这个要建立在学习完成前端三件套的HTML5和CSS3的基础之上的，在这篇文章里面，我会分享一下JavaScript的基本知识：数据类型。

一、JavaScript代码段的书写位置

1、JavaScript代码需要写在<script></script>这一对标签中间

2、也可以使用<script src=""></script>标签引入外部JavaScript代码

注意：切记两者不可混合使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>javaScript学习</title>
		
		<script type="text/javascript">	
    //可以写在head标签中，但是此时页面还没有完全加载完成，也就是说有的节点还拿不到
		</script>
        
	</head>
	
	<body>
		
	<script type="text/javascript">	
    /*也可以写在body标签中，此时该JavaScript代码上面部分的页面已经完成加载，可以用
      DOM来操作页面，制作精美炫酷的特效了
    */
	</script>
		
	</body>
</html>

二、数据类型

1.基本数据类型

String

var str = "hello javaScript";
var str1 = 'hello javaScript';
//字符串可以用单引号声明，也可以使用双引号声明

var str2 = "my name is 'jake'";
//单双引号也可以像这样交替使用

Number

var number1 = 12;
var number2 = 13;
var result = number1 + number2;
console.log(result);

// 最大值
var max_number = Number.MAX_VALUE;
// 最小值 这个最小值值得是大于0的最小值
var min_number = Number.MIN_VALUE;

// NaN	（Not a Number）
/* 这个值与任何值都不相等，与自己本身也是 */
console.log(NaN === NaN); // false

// Infinity 无穷

// javaScript对于浮点数的运算是不一定准确的
var num1 = 0.1;
var num2 = 0.2;
console.log(num1+num2 == 0.3); //false
/* 我们会发现这里输出的结果是false,也就是说在JavaScript的运算中，0.1+0.2是不等于0.3的
	接下来输出一下num1+num2的结果发现确实是不等于0.3
*/
console.log(num1+num2); //0.30000000000000004

Boolean

Boolean一般叫做布尔值，它只有两个值，true or false

Boolean f = false;
Boolean t = true;

Null

Null一般用来创建一个为空对象，当我们不知道这个对象具体有什么属性的时候，就可以用Null来创建该对象。

undefined

当声明一个变量在未赋值之前就使用其时，得到的结果就是undefined，在以后的编程过程中，如果你们发现结果是undefined的时候，多半的错误就是这个原因，所以大家在创建变量的时候一定要注意及时赋值。

var num;
console.log(num); //undefined

Symbol

由于Symbol是ES6新增内容，所以后面我会单独写一篇文章来介绍这个基本数据类型。初学者不要着急哦！耐心等待，我会及时更新的！

2.引用数据类型

Object（对象）

2-1、内建对象

由ES6定义

2-2、宿主对象

由js运行环境提供的对象。eg：DOM，BOM

2-3、自定义对象

2-3-1、对象的建立

// 第一种创建方式
var obj = {
	name: 'jake',
	age: 19,
	sex: "man",
};

// 第二种创建方式
var obj2 = new Object();
obj2.name = 'Rose';
obj2.age = 12;

2-3-2、对象的属性

对于对象的操作，无非就是增删改查四种方式

下面我们一一列举

增：给对象添加一个属性


var obj = new Object();
obj.age = 12;
obj.name = 'jake';
//分别给obj对象增加age和name属性，并对其进行赋值操作

删：删除对象中已有的属性

var obj = {
	name: 'jake',
	age: 19,
	sex: "man",
};
delete obj.name;
//删除obj对象的name属性，此时obj对象中只剩下age和sex属性了

改：改变对象中已有属性的属性值或者给对象中已有属性值赋值

var obj = {
	name: 'jake',
	age: 19,
	sex: "man",
};
obj.age = 20;
//此时输出obj.age的值就是20,

查：检查该对象中是否有该属性

var obj = {
	name: 'jake',
	age: 19,
	sex: "man",
};
console.log('name' in obj); //true
/*
    要检查的属性必须加上引号，这样才能正确识别，否则浏览器会报错
*/

总结

以上就是JavaScript的数据类型，大家理性阅读。其中缺少的部分我会在后面的文章中补充。

不会斗地主的猪猪

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
带你轻松入门JavaScript

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、JavaScript代码段书写的位置二、数据类型 1.基本数据类型 2.引用数据类型总结前言JavaScript是一种浏览器脚本语言，它在很多地方都充当着非常重要的角色，所以，学好JavaScript也是很有必要的，但是这个要建立在学习完成前端三件套的HTML5和CSS3的基础之上的，在这篇文章里面，我会分享一下JavaScript的基本知识：数据类型。一、JavaScr
复制链接

扫一扫