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.另外两种类型分别是函数合数组,其实它们你可以理 ...
随机推荐
- 使用jmh框架进行benchmark测试
性能问题 最近在跑flink社区1.15版本使用json_value函数时,发现其性能很差,通过jstack查看堆栈经常在执行以下堆栈 可以看到这里的逻辑是在等锁,查看jsonpath的LRUCach ...
- DolphinScheduler 功能开发：⼯作流级别任务空跑（后端），测试工作流是否正确执行...
点击上方 蓝字关注我们 ✎ 编 者 按 在今年由中国科学院软件研究所主办的开源软件所供应链点亮计划-开源之夏活动中,有不少小伙伴提交了关于 DolphinScheduler 的项目,本期是来自成都信息 ...
- DolphinScheduler JSON拆解详解
本次活动邀请DolphinScheduler社区活跃贡献者,开源积极分子,现就职于政采云大数据部门,从事大数据平台架构工作的李进勇同学给大家分享相关内容. 同时也特别感谢示说网对本次直播活动的大力支持 ...
- 个人学习-STL深入学习01-vectory源码研习 // 需要补充
参考资料: [1]博主:一枚程序员 STL源码剖析--vector https://www.cnblogs.com/sooner/p/3273395.html [2]博主:劲蜡鸡腿堡 vector源码 ...
- Luogu1919 【模板】A*B Problem升级版（FFT）
简单的\(A*B\) \(Problem\),卡精度卡到想女装 #include <iostream> #include <cstdio> #include <cstri ...
- [JOI 2017 Final] 足球 （建图，最短路）
题面 题解 我们可以总结出球的两种状态,要么自己飞,要么在球员脚下被带飞. 自己飞的情况下,他只能单向直线运动,每一步代价为A,被带飞可以乱走,每一步代价为C. 从自己飞到被带飞需要一个距离自己最近的 ...
- WAF对抗-安全狗(联合查询篇)
WAF对抗-安全狗(联合查询篇) 实验环境 网站安全狗APACHE版V4.0.靶场:dvwa 为了方便对比可以在这个在线靶场申请一个dvwa https://www.vsplate.com/ mysq ...
- 从原理剖析带你理解Stream
摘要:Stream是jdk1.8给我们提供的新特性 本文分享自华为云社区<深入理解Stream之原理剖析>,作者: 李哥技术 . Stream是jdk1.8给我们提供的新特性,主要就是允许 ...
- Postman中的Pre-request Scrip详解
Postman中的Pre-request Scrip详解 一.Pre-request Scrip的简介 1.Pre-request Script是在请求发送之前需要执行的代码片段: 2.请求参数中包含 ...
- Keepalived之简单有效的配置
1.简介 官网地址:https://www.keepalived.org/ 源码包下载地址:https://www.keepalived.org/download.html Keepalived是一种 ...