前端-javascript_var e=123+undefined;-CSDN博客

本文链接：https://blog.csdn.net/qq_21740193/article/details/103284438

课程1 -简介

语言-发展

纸带机：机器语言101010 =》汇编语言：符号语言 =》现代语言：高级语言

JS起源

时间：诞生于1995。
作用：处理网页的前端验证，即检查用户输入内容是否符合一定的规则，如用户名长度、密码长度、邮箱格式。
注：因为当时网速很慢，登录花费时间太多了。
版本：网景livescript–微软JScript | 网景JS–ECMAScript 标准（现在有不同的实现方式，最快的是chrome的v8）

实现

组成：ECMAScript+DOM 网页文档对象模型+BOM 浏览器对象

特点

1.解释性语言：写完直接运行
2.类似C Java的语法结构
3.动态语言（之后讲）
4.基于原型的面向对象（之后讲）

课程2 -Hello World

<script type = "text/javascript">
alert("这是我的第一行JS代码");
document.write(页面输出);
console.log(控制台输出);
</script>

1.弹窗
alert(“这是我的第一行JS代码”);
2.注释：
一行：//
多行：/*
*中间可以写，好看点
*/
3.输出
document.write(页面输出);
console.log(控制台输出);
执行逻辑：一行一行输出

课程3 -编写位置：3个

4.button和超链接

<body>
<button onclick="alert('请5s后再来');">点击有惊喜</button>
<a href="JavaScript:alert('嘿嘿');">这里也有惊喜！</a>
</body>

注意事项：1.按钮名字在之间；2.别忘了alert弹框；3.别忘了( )后的标点;
写在body而不是js里面
可以将js代码写在超链接的href属性中，点击超链接就会实行js代码；也可以不写alert之类的（不知道什么功能）
结构与行为耦合，不方便维护，推荐：
1.写在script

<script>
alert("这是我的第一行JS代码");
</script>

2使用外部js–最推荐

<script src="js/script.js">
</script>

优点：可以在不同的页面同时引用，也可以利用浏览器缓存机制
script的标签一旦用于引入外部文件，就不能再写代码了，会被忽略。若需要，新建一个<script></script>，编写内部代码。

课程4 -基本语法

1.注释：见2.2。
注释后不执行，可以用来调试，看代码的功能
2.大小写意义不一样。
3.每一条语句以;结尾。
如果不写，浏览器会添加，但是会影响性能，甚至有时候会加错
4.忽略空格和换行，所以可以添加空格和换行美化。

课程5 -字面量和变量

字面量

不可改变的量，比如常量，如1，2，3，4
可以直接使用，但不会这么用，输起来很累的

变量

可以用来保存字面量，可以用于描述字面量，可以变，更加方便使用
1变量声明：var
var a;
2.赋值
a = 123;
a = 456;
1+2.var a = 456;

课程6 -标识符

定义：js中自主命名的，如变量
规则：
1.可以汉语字母数字 _ $
2.不能以数字开头；
3.不能是ES的关键字或保留字；
4.一般用驼峰命名法，
首字母小写，其余每个单词的开头字母大写：helloWorld xxxYyyZzz
js底层为unicode，所以中文也可以

课程7 -数据类型（6种

1.string字符串。
需要使用引号 “”或‘’；但不能混用
不能嵌套，“”内要’‘，不能“”，’‘内不能’‘；不然浏览器晕了。实在要用，就“使用\转译”，“ \“hello\” ”\n换行 \t制表符 \为\
声明一次就够了

var str = "hello";

2.number包括整数和浮点数

    var a = 123;    var b = "123";

123 不等于”123“
怎么区分 ：console.log(typeof a);console.log(typeof b);查看类型
2.1特殊的值
2.1.1.最大的值： NUMBER.MAX_VALUE
1.7976e9313+308简记1后308位
2.1.2.Infinity
比NUMBER.MAX_VALUE大为Infinity，是一个字面量，number，不是字符。还有Infinity
2.1.3.最小的值： NUMBER.MIN_VALUE
5e-324，最小的正数
2.1.4.NaN:not a number

var c = "123"*"123";

结果为NaN
2.2 运算
2.2.1 整数运算基本精准
2.2.2 小数，得到一个不精准的结果。
3.boolean：逻辑判断True Flase

var bool = "true";

4.Null就一个值，null

var d = "null";

作用：表示空对象，type 为object；
5.undefined就一个值，undefined，声明未赋值，type 为undefined

var e;

6.object
6为引用。其余为基本数据类型

课程11 -强制类型转换String

目的类型：string boolean number
1.方式
1.1 调用被转换数据类型的toStiring方法，不会影响原变量，只会返回结果
注：调用xxx的yyy方法，就是xxx.yyy();
局限：a = null; 或undefined; 没有toString，调用，会报错

var e = 123;
var b = e.toString();
e = e.toString();

1.2调用string函数，并将被转换函数转换为参数。 string(参数);
number和undefined仍然是toString方法，null，undefined可以用

var e = 123;
var b = e.toString();
e = String(e);

课程12 -强制类型转换Number

1.Number();
1.1 纯数字字符串转为数字，1.2 非数字内容转换为NaN，1.3 空字符串/空格为0，1.4 boolean，true1，false0；1.5 null 0；1.6 undefined NaN 1.7 100px；直接转换为NaN，如果像只保留数字，见方式2
2.**parseInt()**可以将有效整数部分取出来，只看无效之前的；**parseFloat()**可以提取小数

var f = 123px;
var g = 123px332;
var h = 123.33;
e = parseInt(e); g = parseInt(g); h = parseInt(h);
输出都是123

非string会转换为string再操作，所以null是NaN
扩展，**parseInt()**可以用来取整

课程13 -其他进制的数字

js中，如果需要16进制的数字，需要0x开头，例子：0x10；
如果需要8进制的数字，需要0开头，例子：070；
如果需要2进制的数字，需要0b开头，例子：0b10；*不是所有浏览器都支持。
070有些会当8进制，有些会当10进制，如何限定

var f = 070;
a = parseInt(f,10);

课程14 -强制类型转换Boolean

1.Boolean();
1.1 数字转boolean，除了0和NaN，都是true
1.2 字符串转boolean，除了空串，都是true
1.3 Null，Undefined，都是false
1.4 对象为true