js学习
【摘要】 1 起源 1、javascript起源于1995年，用于处理网页的前端验证。检查用户的输入是否符合一定的规范。比如用户名的长度、格式等 2、微软推出JScript，网景公司将其开源，成为ECMAScript标准。 2 JS的helloworld 1、代码的位置，script标签中<!DOCTYPE html><html lang="en"><head> <meta charset="...
1 起源
1、javascript起源于1995年，用于处理网页的前端验证。检查用户的输入是否符合一定的规范。比如用户名的长度、格式等
2、微软推出JScript，网景公司将其开源，成为ECMAScript标准。
2 JS的helloworld
1、代码的位置，script标签中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--js代码需要写到scipt标签中-->
<script type="text/javascript">
/*
* 控制浏览器弹出一个警告框
alert("这是我的第一行JS代码")；
*/
/*
让计算机在页面中输出一个内容
document.write()可以向body中输出一个内容
document.write("页面输出一个内容")；
*/
/*
向控制台输出一个内容
console.log()可以向控制台输出一个内容
console.log("你猜我在哪里出来")；
*/
</script>
</head>
<body>
</body>
</html>
2、JS编写的位置,body中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 可以将js代码编写到标签的oncalick属性中
点击按钮是，js代码才会执行 -->
<button onclick="alert('讨厌，你点我干嘛~~');">点我一下</button>
<!--可以将js代码写在超链接的href属性中，这样当点击超链接是，会执行js代码-->
<a href="javascript:alert('让你点你就点！！');">你也点我一下</a>
<!-- 这个点击之后不执行任何动作。-->
<a href="javascript:;">你也点我一下</a>
</body>
</html>
3、js文件夹
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 可以将js代码编写到外部js文件中，然后通过script标签引入-->
<!-- 写到外部文件中的可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制-->
<!-- 推荐使用方式-->
<!--scipt标签一旦用于引入外部文件了，就不能在编写代码了，即使编写了浏览器也会忽略-->
<!-- 如果需要则可以创建一个新的script标签-->
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
</body>
</html>
alert("我是外部的js代码")
3 JS的基本语法
1、注释
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
/*
多行注释
*/
//单行注释
</script>
</head>
<body>
</body>
</html>
2、js中严格区分大小写。
3、js中每一条语句以分号（;）结尾，如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，而且有些时候会加错分号。
4、js中会忽略多个空格和换行，所以我们可以用缩进和换行来对代码格式化。
3 JS的字面量和变量
1、字面量
字面量都是一些不可改变的值，字面量都可以直接使用，但是我们一般都不会直接使用字面量。比如：1，2，3，4，5
alert(12345)
2、变量
变量可以用来保存字面量，而且变量的值是可以任意改变的
1.声明变量，在js中使用var关键字来声明一个变量。
//在js中使用var关键字来声明一个变量
var a;
//为变量赋值
a = 123;
console.log(a);
2、声明和赋值同时进行
var age = 85;
3 JS的标识符
1、在JS中所有的可以由我们自主命名的都可以称为标识符。
例如：变量名，函数名，属性名等
2、标识符的规则
- 标识符可以含有字母、数字、_、$
- 标识符不能以数字开头
- 标识符不能是ES中的关键字或者保留字
- 一般采用驼峰命名法
4、数据类型
1、String 字符串
- 在JS中字符串需要使用引号引起来，单引号和双引号都可以，不能嵌套
- 在字符串中可以使用\作为转义字符
\"表示"
\'表示'
\n换行
\t制表符
\\表示\
var str = "hello";
console.log(str);
2、Number 数值
- 在JS中所有的数值都是Number类型，包含整数和浮点数
- 可以使用typeof检查变量的类型
- JS中数字的最大值：Number.MAX_VALUE，如果数字超过了最大值，则会返回一个Infinity，表示正无穷，-Infinity表示负无穷；console.log(typeof Infinity)，返回的是Number
- NaN 表示是Not A Number，使用typeof检查NaN也会返回Number
- Number.MIN_VALUE,表示的是最小的正小数
- 在JS中整数的计算基本可以保证精确，如果使用JS进行浮点计算，可能得到一个不准确的结果。所有不要使用JS进行对精确要求比较高的计算
var a = 123;
a = 456;
console.log(a);
//检查变量a的类型
console.log(typeof a)
3、Boolean 布尔值
- 布尔值只有两个值：true 和 false
- 用于逻辑判断
var bool = true;
console.log(typeof bool)
console.log(bool)
4、Null 空置
- Null 类型就一个，就是null，专门表示空对象，使用typeof检查时，会返回object
var a = null
5、Undefined 未定义
- Undefined类型的值只有一个，就是undefined
- 当声明一个变量，但是不给变量赋值时，它的值就是undefined
var a = undefined
6、Object 对象
- Object属于引用数据类型
5、数据类型转换
1.将其他数据类型转换为String
- 调用被转换数据类型的toString()方法，该方法不会影响到原变量，它会将转换的结果返回；但是注意：null和undefined这两个值没有toString()方法。
- 调用String()函数，强制转换。
对于number和boolean实际还是调用的toString()方法。
对于null和undefined这两个类型，会强制转换为字符串"null"和"undefined"
var a = 123;
console.log(typeof a);
console.log(a);
//1、调用被转换数据类型的toString()方法,该方法不会影响原变量。
a.toString();
console.log(typeof a);
//还是Number
a = a.toString();
console.log(typeof a);
//string
//2、String()函数
a = undefined;
a = String(a);
console.log(typeof a);
console.log(a);
2.将类型转换为Number
方式一：使用Number()函数转换为数字：
- 如果是数字的字符串转化为数字
- 如果有非数字的字符串，转为NaN
- 如果字符串空串或者全部是空格的字符串，转为0
- bool值，true转为1，false转为0
- null转为0
- undefined转为NAN
var a = "123";
a = a.Number();
consolo.log(typeof a);
//number
方式二：使用parseInt()函数将字符串转换为Number：
var a = "123";
a = a.Number();
consolo.log(typeof a);
//number
【版权声明】本文为华为云社区用户原创内容，未经允许不得转载，如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）