JavaScript基础&实战（1）js的基本语法、标识符、数据类型
文章目录
1、JavaScript简介
2、输出语句
2.1 代码块
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
<style type="text/css">
</style>
</head>
<body>
<!-- JS代码要写到script标签中 -->
<script type="text/javascript">
/*
控制浏览器弹出一个警告框
*/
// alert("hello")
/*
让计算机在页面中输出一个内容
document.write()可以向body中输出一个内容
*/
// document.write("你好，js！！！");
/*
向控制台输出一个内容
*/
console.log("在控制台中输出！！！");
</script>
</body>
</html>
2.2 测试结果
3、JS编写位置
3.1代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js位置</title>
<style type="text/css"> </style>
</head>
<body>
<!--
可以将js代码编写到外部js文件中，然后通过script标签引入
写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制，推荐使用
script标签一旦用于引入外部文件，就不能再写代码了，就算编写了浏览器也会忽略，如果需要
则可以在创建一个新的script标签用于编写内容代码
-->
<script type="text/javascript" src="js/script.js">
</script>
<!-- 可以将js代码编写到标签的onclick属性中
当我们点击按钮时，js代码才会执行
写在属性中，耦合性高，不方便维护 -->
<button onclick="alert('我在学习js');">点我</button>
<a href="javascript:alert('你好')">点我一下</a>
</body>
</html>
3.2 测试结果
4、基本语法
4.1 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
<style type="text/css"> </style>
<script type="text/javascript">
/*
多行注释
JS注释
注释中的内容不会被执行，可以在源码中看到
*/
//单行注释
/*
1、JS中严格区分大小写
2、JS中每一条语句以分号(;)结尾 如果不写分号，浏览器会自动添加，
但是会影响性能。有些时候浏览器会加错分号
3、JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化
*/
</script>
</head>
<body>
</body>
</html>
5、标识符
5.1 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
<style type="text/css"> </style>
<script type="text/javascript">
/*
标识符：
在JS中所有的可以由我们自主命名的都可以称为是标识符
例如： 变量名、函数名、属性名都属于标识符
命名一个标识符时需要遵循如下的规则：
1、标识符中可以含有字母、数字、_、$
2、标识符不能以数字开头
3、标识符不能是ES中的关键字或保留字
4、标识符一般使用驼峰命名法
- 首字母小写，每个单词的开头字母大写，其余字母小写
*/
</script>
</head>
<body>
</body>
</html>
6、数据类型
6.1 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>字符串</title>
<style type="text/css"> </style>
<script type="text/javascript">
/*
数据类型指的就是字面量的类型
在JS中一共有六种数据类型
String 字符串
Number 数值
Boolean 布尔值
Undefind 未定义
Object 对象
其中String、Number、Boolean Undefined属性属于基本数据类型
而Object属于引用数据类型
*/
/*
String 字符串
- 在JS中字符串需要使用引号引起来
- 使用双引号或单引号
- 引号不能嵌套，双引号中不能放双引号，单引号不能 放单引号
*/
var str = 'hello';
var str1 = "JS";
/*
在字符串中我们可以使用\作为转移字符
当表示一些特殊符号时可以使用\进行转义
\" 表示"
\' 表示'
\n 表示换行
\t 制表符
\\ 表示\
*/
var str2;
str2 = "我说：\"今天天气真不错！\"";
console.log(str2)
/*
/*
在JS中所有的数值都是Number类型，
包括整数和浮点数（小数）
JS中可以表示的数字的最大值
Number.MAX_VALUE
如果使用Number表示的数字超过了最大值，则会返回一个Infinity 表示正无穷
NaN 是一个特殊 的数字， 表示Not A Number
使用typeof检查一个NaN也会返回number
*/
//数字123
var a = 123;
//字符串123
var b = "123";
/*
可以使用一个运算符typeof来检查一个变量的类型
语法：typeof 变量
检查字符串时,会返回string
检查数值时，会返回number
*/
console.log(typeof b )
// 在JS中整数的运算基本可以保证精确
var c = 123 + 345;
/*
如果使用JS进行浮点运算，可能得到一个不精确的结果
千万别使用JS进行对精确度要求比较高的运算
*/
var c = 0.1 + 0.4;
/*
Boolean 布尔值:
布尔值只有两个：true 表示真。 false 表示假
使用typeof检查一个布尔值时，会返回boolean
*/
var bool = true;
/*
Null类型的值只有一个,就是null。null这个值专门用来表示一个为空的对象
使用typeof检查一个null值时，会返回object
Undefined(未定义)类型的值只有一个,就undefind
当声明一个变量，但是并不给变量赋值时，它的值就是undefined
使用typeof检查一个undefined时也会返回undefined
undefined
*/
</script>
</head>
<body>
</body>
</html>
7、强制类型转换–String
7.1 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>强制类型转化</title>
<style type="text/css"> </style>
<script type="text/javascript">
/*
强制类型转换
指将一个数据类型强制转换为其他的数据类型
类型转换主要是指，将其他的数据类型，转换为String Number Boolean
*/
/*
将其他的类型转换为String
方式一：
- 调用被转换数据类型的toString()方法
- 该方法不会影响到原变量，它会将转换的结果返回
- 但是注意：null和undefined这两个值没有toString()方法
方式二：
- 调用String()函数，并将被转换的数据作为参数传递给函数
- 使用String()函数做强制类型转换时
对于Number和Boolean实际上就是调用的toString()方法
但是对于null和undefined，就不会调用toString()方法
它会将null 直接准换为 "null"
将undefined 直接转换为"undefined"
*/
var a = 123;
//调用a的toString()方法
a = a.toString();
a = true;
a = a.toString();
console.log(typeof a);
//调用String()函数，并将b转换为字符串
var b = 12;
b = String(b);
</script>
</head>
<body>
</body>
</html>
JavaScript基础&实战（1）js的基本语法、标识符、数据类型的更多相关文章
- javascript基础入门之js中的数据类型与数据转换01
javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM) js中的打印语句: 数据类型 变量 ...
- javascript基础入门之js中的结构分支与循环语句
javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...
- JavaScript基础&实战（4）js中的对象、函数、全局作用域和局部作用域
文章目录 1.对象的简介 2.对象的基本操作 2.1 代码 2.2 测试结果 3.属性和属性值 3.1 代码 3.2 测试结果 4.对象的方法 4.1 代码 4.2 测试结果 5.对象字面量 5.1 ...
- JavaScript基础&实战（3）js中的流程控制语句、条件分支语句、for循环、while循环
文章目录 1.流程控制语句 1.1 代码 1.2 测试结果 2.弹窗提示输入内容 2.1 代码 2.2 测试结果 3.条件分支语句 3.1 代码 3.2 测试结果 4.while和 do...whil ...
- JavaScript基础&实战（2）js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
文章目录 1.强制类型转换Number 1.1 代码 1.2 测试结果 2.进制表示 2.1 代码 2.2 测试结果 3.强制类型转换为Boolea 3.1 代码 3.2 测试结果 4.运算符 4.1 ...
- JavaScript基础&实战 JS中正则表达式的使用
文章目录 1.正则表达式 1.1 代码 1.2 测试结果 2.splict | search 2.1 代码 2.2 测试结果 1.正则表达式 1.1 代码 <!DOCTYPE html> ...
- JavaScript基础&实战（5）js中的数组、forEach遍历、Date对象、Math、String对象
文章目录 1.工厂方法创建对象 1.1 代码块 1.2.测试结果 2.原型对象 2.1 代码 2.2 测试结果 3.toString 3.1 代码 3.2 测试结果 4.数组 4.1 代码 5.字面量 ...
- JavaScript基础一（js基础函数与运算符）
[使用js的三种方式] 1.在HTML标签中,直接内嵌js(并不提倡使用) <button onclick=" alert('点就点')"> 点我啊</butto ...
- Node.js实战(五)之必备JavaScript基础
阅读本章的话,个人觉得之前使用过JavaScript,完全轻松. Node.js的核心类型有:number.boolean.string以及object.另外两种类型分别是函数合数组,其实它们你可以理 ...
随机推荐
- 3.26省选模拟+NOI-ONLINE
今日趣闻: 这三个人都是同机房的,卡最优解(大常数选手不参与)....以至于最优解第一页都是我们机房的(有图为证,共三人) $NOI\ online$ $T1$ 首先模拟一遍记录这个点当前单调栈前面位 ...
- GreatSQL重磅特性，InnoDB并行并行查询优化测试
欢迎来到 GreatSQL社区分享的MySQL技术文章,如有疑问或想学习的内容,可以在下方评论区留言,看到后会进行解答 GreatSQL社区原创内容未经授权不得随意使用,转载请联系小编并注明来源. 1 ...
- SyncFusion安装和使用
1.Visual Studio 继承 Visual Studio菜单栏 → 扩展 → 扩展管理 → 搜索框中搜索 "Syncfusion Windows",单击 "Win ...
- 日常问题: SQL优化
日常开发中,除了开辟新项目,业务需求开发,一般还要做负责系统的日常运维.比如线上告警了,出bug了,必须及时修复.这天,运维反馈mysql cpu告警了,然后抓了该时间节点的慢sql日志,要开发分析解 ...
- format添加未知个参数方法
一个python巧妙技巧,分享给大家 我的需求是将一个dict的键都format输出,用到了*对字典解包 data = {a: 1, b: 2...} msg = f"{'{} '*len( ...
- 理解 KingbaseES 中的递归查询
关键字:SQL,CTE,递归查询 概述:通常递归查询是一个有难度的话题,尽管如此,它们仍使您能够完成在 SQL 中无法实现的操作.本文通过示例进行了简单介绍,并展示了与 PL/SQL的递归查询实现的差 ...
- centOS查看修改时区
// 查看时间各种状态,查看时区等 timedatectl // 输出 Local time: 四 2014-12-25 10:52:10 CST Universal time: 四 2014-12- ...
- 解决element-ui中组件【el-upload】一次性上传多张图片的问题
element-ui 中的组件 el-upload默认的行为是一张图片请求一次,在项目需求中,通常是多张图片要求只向后台请求一次,下面的做法就是为了实现这样的需求 前端 <el-upload r ...
- IP地址最后一位斜杠是什么意思？比如192.168.1.10/27?还有IP地址和子网掩码相加得到的网络地址是什么意思
IP地址最后一位斜杠是什么意思?比如192.168.1.10/27?还有IP地址和子网掩码相加得到的网络地址是什么意思 IP地址最后一位斜杠是什么意思?比如192.168.1.10/27?还有IP地址 ...
- GreatSQL vs MySQL性能测试来了，速围观~
GreatSQL社区原创内容未经授权不得随意使用,转载请联系小编并注明来源. GreatSQL是MySQL的国产分支版本,使用上与MySQL一致. 1.结论先行 无论ibp(innodb_buffer ...