一门世界上最流行的脚本语言
一个合格的后端人员,必须要精通JavaScript
内部标签
<script>
alert(‘hello world‘);
</script>
外部引入
<script src="js/hjq.js"></script>
测试的代码是:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- script标签内写JavaScript代码 -->
<script>
alert(‘hello world‘);
</script>
<script src="js/hjq.js"></script>
</head>
<body>
<!-- 这里也可以写 -->
</body>
</html>
<!-- JavaScript严格区分大小写 -->
<script>
// 1. 定义变量
var score = 71;
// 2. 条件控制
if(score >= 60 && score < 70){
alert("及格");
}else if(score >= 70 && score < 80){
alert("良好");
}else{
alert("other");
}
//console.log(score) 在浏览器的控制台打印变量 sout
</script>
附:浏览器必备调试须知:
调试:点开浏览器审查元素、点开Source、双击点开代码文件、点击断点、刷新网页、进入了调试,可以点击运行下一步或者直接运行完。
数值、文本、图形、视频……
number
js不区分小数和整数,Number
123 //整数
123.1 //浮点数
1.123e3 //科学计数法
-99 //负数
NaN //not a number
Infinity //表示无穷大
字符串
‘abc‘ "abc"
转义字符与Java一致
布尔值
true、false
逻辑运算
&&
||
!
比较运算符(重要)
=
== 等于(类型不一样,值一样,也会判断为true)
=== 绝对等于(类型一样,值一样)
js缺陷,坚持不要使用 == 比较
须知:
尽量避免使用浮点数运算,存在精度问题。
console.log((1/3) === (1 - 2/3)); //false
//可以用这种方式判断是否相等
Math.abs(1/3 - (1 - 2/3)) < 0.000001
null和undefined
null:空
undefined:未定义
数组
js中数组元素不需要同类型
//保证代码的可读性,尽量使用[]
var arr = [1,2,3,‘hello‘,null,true];
new Array(1,12,3,4,‘hello‘);
取数组下标,越界了就会: undefined
对象
对象是大括号,数组是中括号
//定义对象
var person = {
name: "hjq",
age = 20,
tags: [‘js‘,‘java‘,‘web‘,‘...‘]
}
//取值
person.name
>"hjq"
person.age
>20
前提:IDEA需要设置支持ES6的语法
‘use strict‘: 严格检查模式,预防JavaScript的随意性导致产生的一些问题
必须写在JavaScript的第一行
局部变量建议用let去定义
<script>
‘use strict‘;
let i = 1;
</script>
正常字符用‘‘ 或者 ""包裹
转义字符\
\‘
\n
\t
\u4e2d \u#### Unicode字符
\x41 Ascll字符
多行字符串编写
var msg=
‘hello
world
你好ya
你好‘
模板字符串
let name = "hjq";
let age = 20;
let msg = ‘你好呀,${name}‘
字符串长度
str.length //这是属性,不加()
字符串的可变性
不可变
大小写转换
student.toUpperCase() //这个是方法,要加()
student.toLowerCase()
字符位序
student.indexOf(‘t‘)
字符截取——substring
student.substring(1) //第一个字符截取到最后一个字符
student.substring(1,3) //[)->包含第1个不包含第3个
?
原文:https://www.cnblogs.com/blogs-hjq/p/14612931.html