js的两种引入方式
1、<script type="text/javascript">
自己编写的js代码
</script>
将上面的代码放在<head></head>或者<body></body>之间
2、直接保存为js文件，然后外部调用<script type="text/javascript" src="js文件"></script>
JavaScript的输出方式
1、alert（）：弹窗，会以文本的原格式输出
2、console：打印到控制台
3、document：输出到body里面
4、prompt（‘提示文字’,默认值）：输入框，不常用
<script type="text/javascript" >
alert('123');
document.write('cdhjg');
prompt('请输入你的密码');
prompt('请输入你的金额','hdsg');
console.log(123)
</script>
单引号双引号用法：js中单引号、双引号没有区别，单引号内不能用单引号，双引号内不能用双引号，中文双引号不在这个范围内，单引号可以包裹双引号，双引号可以包裹单引号
注释方法
1、 html注释：<!-- 代码或文字-->
2、css / js大块区域注释：/* 代码或文字 */
3、js单行注释： // 代码或文字
养成良好的代码习惯，写注释，边写边检，遇到错误截图留存
变量
1、先声明再赋值
var name; //声明变量
name = '你好'; //给变量赋值
alert(name);//你好
区分一下alert(‘name’)和alert(name)区别：
alert(‘name’)输出’name’
alert(name)输出变量name的值，比如上面alert(name)输出的是------->你好
2、边声明边赋值
var name = '你好';
console.log(name)//你好
3、批量创建变量然后赋值，不常用
var name,age,sex;
name='你好';
age='18';
sex='女';
console.log(name,age,sex)
4、批量创建并且赋值，不常用
var name='你好',age='18',sex='女';
变量的特点
1、如果变量被重新声明，但是没有被重新赋值，那么变量的值是不会改变的
<script>
var name = '你好';
var name;
console.log(name);
</script>
输出结果是：你好
2、如果变量被重新声明并且被重新赋值了，那么变量的值就会发生改变
<script>
var name = '你好';
var name = '世界';
console.log(name);
</script>
输出的结果是：世界
变量声明注意事项
1、严格区分大小写
2、变量的命名必须以字母或_或$开头，剩下的部分可以是任意字母、数字，或者是_或者是$( _ $ 和普通字母用法一样)
3、不能用关键字或者保留字命名
4、JavaScript自己的命名习惯
驼峰名命法：CamelCase
5、命名一定要有意义
符号
数学 代码
[]中括号 方括号
{}花括号 大括号
()小括号 圆括号
<>大于小于号 尖括号
运算符
逻辑运算符
&&：逻辑与（add），两边都是真，结果才为真
||：；逻辑或（or），两边为假，才是假
！：逻辑非，取逻辑的反面；取反：真变假，假变真
算数运算符
+：加
-：减
*：乘
/：除，返回结果为浮点型
%：求余，返回结果为浮点类型，要求两个操作数均为整数
++：自增1（在原来的数值的基础上加1）
不管前置还是后置，自身都加1
返回值：
前置：得到的返回值是+1之后的值
后置：得到的返回值+1之前的值
--：自减1（在原来的数值的基础上减1）
不管前置还是后置，自身都减1
返回值：
前置：得到的返回值是-11之后的值
后置：得到的返回值-1之前的值
赋值运算符
赋值运算符 = 用于赋值运算，赋值运算符的作用在于把右边的值赋值给左边变量
=：等于 (赋值)
+=：加等于：在原来的基础上追加值（递加）；x += y ==> x = x+y
-=：减等于：在原来的基础上减1（递减）；x -= y ==> x= x-y
*=：乘等于：在原来的基础上递乘；x *= y ==> x = x * y
/=：除等于：在原来的基础上递除；x /= y ==> = x / y
%=：余等于：在原来的基础上递余；x %= y ==> x = x % y
举个例子
假设 x=6；
| 运算符 | 例子 | 等价于 | 运算结果 |
|---|---|---|---|
| = | x = 6 | - | x = 6 |
| += | x += 1 | x = x+1 | x = 7 |
| -= | x -= 1 | x -= x-1 | x = 5 |
| *= | x *= 2 | x = x*2 | x = 12 |
| /= | x /= 2 | x = x / 2 | x = 3 |
| %= | x %= 4 | x = x % 4 | x = 2 |
阶乘：5!=1x2x3x4x5
赋值运算符可以嵌套使用：
y = (x = 2) + 5;//结果： x=2，y=7
三元运算符
语法：(expr1) ? (expr2) : (expr3)
语法解释：在 expr1 求值为true 时整个表达式的值为 expr2，否则为 expr3。
parseInt()功能总结
1、将字符串转成数字
2、取整部分
3、提取数字开头的字符串
4、将其他进制转成十进制
JavaScript数据类型
1、ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。
2、基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。
3、当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。
基本数据类型（String、Number、Boolean、Null、Undefined、Symbol）
1、String（字符串）：string类型是javascript中的一个比较重要的类型，它用来表示一个字符串
2、Number(数字)：表示数值，包含了所有的数值类型，Number类型有一个特殊的值NaN，他是Number类型中一个非数值的值，就像无穷大，所以NaN不等于NaN
3、Boolean(布尔)：布尔（逻辑）只能有两个值：true 或 false
4、Null（对空）：null是javascript保留的关键字，null类型也只有一个null值，表示为空或者不存在的对象引用
5、Undefined（未定义）：Undefined类型只有一个值Undefined，表示一个变量定义了但未赋值
下面是几种常见的会出现undefined的情况：
（1）获取一个对象的属性（原本属性和protoType扩展的属性）不存在时，返回undefined；
（2）当一个函数function(){}没有明确的返回值时，显示undefined，例子：function way(){} alert(way());//弹出undefined；
（3）javascript中的参数有多个形参的话，若果调用参数的话，参数数量小于形参数量，那么其他的参数值就为undefined；
6、Symbol
注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。
引用数据类型（Object、Array、Function、Date等）
也就是对象类型Object type，比如：Object 、Array 、Function 、Data等。
Object类型：用来表示一个对象，像String， Array，new 一个对象等，当这个对象为空时，就是null了；所以alert（ typeof（null））的弹出值为object；
break、continue（退出循环）
作用：退出循环
1、break：退出当前整个循环
2、continue：跳过当前本次循环，执行下一次循环
一般行数都是外循环（i）内层为（j）
随机数
Math.random()获取随机数
Math.random()获取[0,1]之间的随机数，包含0，不包含1
函数的定义
把特定功能的代码抽取出并进行封装，用来重复执行一些功能
优点：
清晰简洁
便于维护
构造函数（不常用）
函数名不要与变量名同名
undefined：变量声明了，但未赋值（报错 xx is not defined， xx没有被声明）
this执行函数的当前对象
函数function（自定义/系统内置函数）
alert()弹窗
parseInt()取整数
Number()转成数字
return 返回给函数的调用入口
字符串拼接
1、使用加号运算符（+）把要连接的字符串连起来
连接字符串最简便的方法是使用加号运算符。
只连接100个以下的字符串建议用这种方法最方便
2、使用concat()方法
使用字符串 concat() 方法可以把多个参数添加到指定字符串的尾部。该方法的参数类型和个数没有限制，它会把所有参数都转换为字符串，然后按顺序连接到当前字符串的尾部最后返回连接后的字符串
concat() 方法不会修改原字符串的值，与数组的 concat() 方法操作相似
3、使用join()方法
在特定的操作环境中，也可以借助数组的 join() 方法来连接字符串，如 HTML 字符串输出等。
在传统浏览器中，使用数组的 join() 方法连接超大字符串时，速度会很快，是推荐的最佳方法。随着现代浏览器优化了加号运算符的算法，使用加号运算符连接字符串速度也非常快，同时使用简单。一般推荐使用加号运算符来连接字符串，而 concat() 和 join() 方法可以用在特定的代码环境中。
字符串中间拼接变量
4、es6 模板字符串
不需要任何的加号和引号，全部字符仅仅由一组``符号包裹即可，而放置动态数据或者变量即用${变量}方式即可
我觉得这个挺好用的，写项目的时候我大多都是习惯使用模板字符串拼接，因为比较方便
5 、引号和加号使用（+ 拼接字符）
注意使用三元表达式时，需要用括号括起来
let test = ‘my name’ + 5 > 3 ? ‘yes’ : ‘no’
输出： test —> “no”
let test1 = ‘my name’ + (5 > 3 ? ‘yes’ : ‘no’)
输出： test1 —> “my nameyes”
上面五种拼接字符串，举个例子：
let s1 = 'abc';
let s2 = 'def';
// 使用加号运算符连接两个字符串
console.log("+:", s1 + s2); //返回字符串s1 + s2是'abcdef'
// 使用concat()方法
let s3 = s1.concat("a", "b", "c"); //调用concat()连接字符串
console.log("concat:", s3); //返回字符串s3是'abcabc'
// 使用join()方法
let arr = ['abc', 'def', 'fhd', 'sdg'];
let s4 = arr.join('|');
console.log("join:", s4) //返回字符串s4是'abc|def|fhd|sdg'
// es6模板字符串 ` ${变量} `
let s5 = 3 + 6;
console.log('模板字符串:', `abc${s5}def`); //返回字符串 abc9def
// 字符串中间拼接变量，引号引号，加号加号，变量
console.log("加号:", "abc" + s5 + "def"); //返回字符串 abc9def
打印结果：
3929
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
