day01语法、变量、标识符、强制转换笔记
2024-06-05 05:06:21
01HelloWorld
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><!--JS代码需要编写到script标签中---><script type="text/javascript">/** 控制浏览器弹出一个警告框* alert("这是我的第一行JS代码");*//** 让计算机在页面中输出内容* document.write("向body中输出内容");*//** 向控制台输出一个内容* console.log("向控制台输出内容");*/alert("这是我的第一行JS代码");document.write("向body中输出内容");console.log("向控制台输出内容");</script></head><body></body>
</html>02JS编写位置
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><!--可以通过script标签引入优点：可以同时引用，也可以利用到浏览器的缓存机制--><!--script标签一旦用于引入外部文件，就不能编写代码注：js执行顺序是从上至下依次执行。--><script type="text/javascript">alert("我是内部的js代码。。。。。");</script><script type="text/javascript" src="js/script.js">alert("我是内部的js代码。。");</script></head><body><!--结构与行为耦合，不方便维护。--><!--可以将js代码编写到onclick属性中当点击按钮时，js代码才会执行<button onclick="alert('讨厌，你点我干嘛~~');">点我一下</button>--><!--可以将js代码编写到超链接href属性中，点击超链接会执行js代码<a href="javascript:alert('超链接，让你点你就点呀')">超链接，你也点我一下</a><a href="javascript:;">超链接，你也点我一下</a>--> </body>
</html>03基本语法
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script>//单行注释/** 多行注释，不执行，但是可以在源代码中查看。*//** 1.JS严格区分大小写。* 2.每条语句以分号结尾，* --不写分号浏览器会自动添加，但会消耗系统资源。--但一些时候，浏览器会加错分号。* 3.JS会忽略多个空格和换行，可以利用空格和换行对代码进行格式化。*/alert("看看");</script></head><body></body>
</html>04字面量和变量
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script>/** 1.字面量：都是一些不可改变的值，但是一般不会直接使用。* 2.变量：可以用来保存字面量，而且可以改变。方便使用。*///声明变量var a =123;console.log(a);//alert(6819109375793485937439);为啥输出是e+21????</script></head><body></body>
</html>05标识符
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script>/** 标识符的命名规则：* 1.可以含有字母、数字、_、$* 2.不能以数字开头。* 3.不能是ES中的关键字或保留字。* 4.一般都采用驼峰命名法：首字母小写，每个单词首字母大写，其余字母小写 * --例如：helloWorld xxxYyyZzz* * 补：JS底层保存标识符时实际上是采用的Unicode编码。*/var age=1;alert(age);</script></head><body></body>
</html>06数据类型
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script>/** 数据类型就是字面量的类型。* JS中一共有六种数据类型。* String 字符串* Number 数值* Boolean 布尔值* Null 空值* Undefined 未定义* Object 对象* * 其中： String、Number、Boolean、Null、Undefined是基本数据类型。* Object是引用数据类型。*//** 一、String :单引号和双引号嵌套的时候要注意。* 在字符串中表示特殊符号时，可以用\进行转义 eg: \"(") \n(换行) \t(制表符)*/var str = "我说：\"今天\t天气不错！\"";console.log("\\\\");//此时打印出两个\/** 二、Number :在JS中所有数值(整数、浮点数)都是Number类型* * 可以用一个运算符typeof来检查数据类型* * JS可以用Number.MAX_VALUE来表示最大值。(1.7976931348623157e+308)* 用Number.MIN_VALUE来表示最小的正小数。(5e-324)* * 如果超过了最大值，则会返回Infinity(正无穷)* 使用typeof检查typeof，也会返回number。* * NaN是一个特殊的数字，即：Not a Number。* 使用typeof检查NaN，也会返回number。* * 补：* 在js中整数的运算基本可以保证精确* 如果进行浮点运算，可能得到一个不精确的结果，所以不要对精确度比较高的数据运算。*/var a=78;var b="78";console.log(a);console.log(b);console.log(typeof a);console.log(typeof b);a=Number.MAX_VALUE*Number.MAX_VALUE;console.log(a);a=Infinity;console.log(a);console.log(typeof a);a="abc"*"bcd";console.log(a);a=NaN;console.log(a);console.log(typeof a);a=Number.MIN_VALUE;//表示最小的正小数。console.log(a);console.log(Number.MAX_VALUE);console.log(Number.MIN_VALUE);//补：var c=0.1+0.2;console.log(c);//0.30000000000000004//Number aa=2;//不可以这样写，只能var//console.log(aa);/** 三、布尔值 (只有两个：ture false)* typeof 返回boolean* * 四、Null(空值，只有一个：null)* 表示为空的对象* typeof 返回object(注意！)* * 五、Undefined(未定义，只有一个：undefined)* 当声明了一个变量，但并不给变量赋值时，他的值就是undefined。* typeof 返回undefined。*/</script></head><body></body>
</html>07强制类型转换之String
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script>/** 强制转换成String:* 方法一：* --调用被转换数据类型的toString()方法。* 该方法不会影响到原变量，他会将转换的结果返回。* 局限性：null和undefined没有toString()方法。* 方法二：调用String()函数，并将被转换的数据作为参数传递给函数。* --对于Number和Boolean实际上就是调用toString()方法。* --对于null直接转换成"null"* --对于undefined直接转换成"undefined"*///方法一：
// var a=123;
// var b=a.toString();
// console.log(typeof a);
// console.log(typeof b);
//
// a=a.toString();
// console.log(typeof a);
//
// a=null;
// a=a.toString();
// console.log(typeof a);
//
// a=undefined;
// a=a.toString();
// console.log(typeof a);//方法二：a=null;a=toString(a);console.log(typeof a);</script></head><body></body>
</html>08强制类型转换之Number
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script>/* 转换方式一：* 使用Number()函数:* -String->Number* 1.如果是纯数字的字符串，则直接将其转换成数字。* 2.如果字符串中有非数字的内容，则转换成NaN。* 3.如果字符串是一个空串或者是一个全是空格的字符串。* -Boolean->Number* true 转成 1* false 转成 0* -Null->Number* 转成 0* -Undefined->Number* 转成 NaN* * * 转换方式二：* -这种方式专门用来对付字符串。* -parseInt() 把一个字符串转换成一个整数(将一个字符串中的有效的整数取出来)。* -parseFloat() 把一个字符串转换成一个浮点数。* * 如果对非String使用parseInt()或parseFloat()* 他会先将其转换成String，然后再操作。即结果是NaN。* eg:true->NaN 198.23->198*/
// var a="123";
// a=Number(a);
// console.log(typeof a);
// console.log(a);// var b="123abc";
// b=Number(b);
// console.log(typeof b);
// console.log(b);// var c="";
// c=Number(c);
// console.log(typeof c);
// console.log(c);// var d=" ";
// d=Number(d);
// console.log(typeof d);
// console.log(d);// var bool1=true;
// bool1=Number(bool1);
// console.log(typeof bool1);
// console.log(bool1);
//
// var bool2=false;
// bool2=Number(bool2);
// console.log(typeof bool2);
// console.log(bool2);// var e=null;
// e=Number(e);
// console.log(typeof e);
// console.log(e);
//
// var f=undefined;
// f=Number(f);
// console.log(typeof f);
// console.log(f);var str1="1235a67";//1235
// str1="b123678" ;//转换成NaN
// str1="123.456" ;//转换成123str1=parseInt(str1);console.log(typeof str1);console.log(str1);var str2="123.567px";
// str2="123.456.789px" ;//转换成123.456
// str2="123.456" ;//转换成123str2=parseFloat(str2);console.log(typeof str2);console.log(str2);var null1=true;null1=parseInt(null1);console.log(typeof null1);console.log(null1);</script></head><body></body>
</html>09其他进制的数字
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script>/** 在js中，如果需要表示16进制的数字，则需要0x开头，但是输出的是对应的十进制。* 如果需要表示8进制的数字，则需要0开头。* 如果需要表示2进制的数字，则需要0b开头。(但不是所有的浏览器都支持)*/
// var a=0b10;
// console.log(a);//但是火狐支持。//向"070"这种运算符，有的浏览器会当成8进制解析，有的浏览器会当成10进制解析。//所以为保证不同浏览器输出的结果一样，引入第二个参数（指明第一个参数是几进制的）var b="070";
// b=parseInt(b,8);//输出56b=parseInt(b,10);//输出70console.log(typeof b)console.log(b);</script></head><body></body>
</html>10强制类型转换之Boolean
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script>/** 方法一：* 使用Boolean()函数* --数字-->布尔* -除了0和NaN，其余都是true。* --字符串-->布尔* -除了空串（空格不是空串，有空格也会转成true），其余都是true。* --null-->布尔 转成：false* --undefined-->布尔 转成：false* --对象也会转换成true。* 方法二：* 对任意数据类型做两次非运算，可将其转换成布尔值。* --eg:var a="hello"; a=!!a;//true* *///调用Boolean()函数将a转换成Boolean
// var a=123;//true
// a=-123;//true
// a=0;//false
// a=Infinity;//true
// a=NaN;//false
//
// a=Boolean(a);
// console.log(typeof a);
// console.log(a);var b="hello";b=Boolean(b);console.log(typeof b);console.log(b);</script></head><body></body>
</html>day01语法、变量、标识符、强制转换笔记相关推荐
- html 变量类型强制转换,html、js前台数据传到后台，spring复杂类型转换
html.js前台数据传到后台,spring复杂类型转换 如果我有两个变量,变量名不一样,处理的规则也不一样,但是他们都是Date.class 类型, 这可怎么破.比如: @InitBinder pu ...
- java自动转换与强制转换
前言 本文转自 http://blog.csdn.net/Mailbomb/article/details/2449261 文章中添加了一些在阅读时的感悟(阅读笔记) 正文 数据类型转换 Java语言 ...
- 类型转换(自动转换，强制转换)
类型转换(自动转换,强制转换) 类型转换:由于Java是强类型语言,所以要进行有些运算的时候,需要用到类型转换 从低到高:byte,short,char-----int-----long----flo ...
- Go 学习笔记（32）— 类型系统（命名类型、未命名类型、底层类型、类型强制转换、类型别名和新声明类型）
1. 命名类型和未命名类型 1.1 命名类型 类型可以通过标识符来表示,这种类型称为命名类型( Named Type ). Go 语言的基本类型中有 20 个预声明简单类型都是命名类型, Go 语言还 ...
- python 强制转换成字符_Python笔记（三）
来源网络 「往期回顾」 Python笔记(一) Python笔记(二) 「本期内容」 1.用户输入与while循环 2.函数 3.模块 哈喽,各位小伙伴们,大家上午好!话说,你们知道今天是什么日子么? ...
- 强制 转换string 的一个简单方法（笔记）
强制 转换string 的一个简单方法(笔记) //05 eg. //: c05:ToolTest.java // From 'Thinking in Java, 2nd ed.' by Bruce ...
- Java_基本语法（标识符、数据类型、变量和常量）
Java的基本语法(标识符.数据类型.变量和常量) 标识符 命名规则 命名习惯 Java中常见的关键字 数据类型 输出数据的格式控制(C语言) 整数类型 浮点数类型 字符类型 布尔类型 数据类型转换 ...
- [Effective JavaScript 笔记]第59条：避免过度的强制转换
js是弱类型语言.许多标准的操作符和代码库会把输入参数强制转换为期望的类型而不是抛出错误.如果未提供额外的逻辑,使用内置操作符的程序会继承这样的强制转换行为. functin square(x){re ...
- java语言语法--- Java标识符（标识符命名规则）、Java关键字、Java变量(变量的声明、赋值、使用)和常量（字符常量、字面常量）（包括Java字节码文件反汇编命令javap）
java语言语法- Java标识符.Java关键字.Java变量和常量(包括Java字节码文件反汇编命令javap) 1.标识符 (1)读音:biao zhi fu (2)什么是标识符? (摘自百度百 ...
- C语言开发笔记（一）自动转换和强制转换
整型数据和实行数据之间可以进行运算,而且字符型数据可以和整型数据通用,所以整型.实型.字符型数据之间也是可以进行运算的,但在运算处理之前,不同类型的数据要事先转换成同一种数据类型.转换方法有两种:自动 ...
最新文章
- JobScheduler学习 附官方demo
- Spring Boot2.x-04Spring Boot基础-使用注解装配bean
- Android开源项目分包方式学习（eoe、oschina、github）
- 事件Event：带你体验鸿蒙轻内核中一对多、多对多任务同步
- Solr如何管理索引库
- App Icon 和 LaunchImage 尺寸
- 【房价预测】基于matlab GM模型房价预测【含Matlab源码 346期】
- 45 pinctrl子系统 和 gpio子系统
- PTA Python习题 找钱
- 笔记本升级--固态硬盘安装双系统win10-CentOS
- 关于playerunknown's battlegrounds中归零距离小谈
- 将UTC时间格式转换成东八区时间格式
- 给 Java 初学者的学习路线建议
- 程序模板（20210603笔记）
- Python3 编写处理Excel表格数据筛选脚本用到的一些方法
- HTML免费在线文档批量翻译工具
- m3u8 视频提取工具（下载web中的ts文件）
- 输出直角三角形图案-c++
- Java整型变量和整型常量
- 【小虫虫论坛】电脑城买笔记本奸商黑店骗术深度分析