JavaScript:(简称JS)
1、它是一种轻量级的变程语言,是属于web的语言,也是脚本语言;
2、它可以插入HTML页面,进行编程;
3、所有的现代浏览器都支持它。
JavaScript和Java的区别:
1、JavaScript是脚本语言,直接插入网页,由浏览器边解释边执行;
2、java是面向对象语言,必须在虚拟机上运行,源代码在执行前,必须经过编译;
3、JavaScript 与Java是两个公司开发的不同的两个产品。
用法:
1、在HTML页面中插入JavaScript,必需使用<script>标签,脚本放在<script>和</script>之间;
例:<script>
alert("我的第一个 JavaScript");
</script>
2、<script>可放在HTML页面的<body>或<head>之中;
3、脚本放在外部文件中时,不能包含<script>标签;
4、使用外部脚本时,需在<script>标签的"src"属性中设置.js文件;
例:<script src="myScript.js"></script>
输出:
1、window.alert() 弹出警告框;
2、document.write() 将内容写到HTML文档中;
3、innerHTML 写入HTML元素
4、console.log() 写入到浏览器的控制台
例:
<body>
<p id="p1">中华好诗词</p>
</body>
<script>
window.alert("你是谁?");
document.write(Date());
document.getElementById("p1").innerHTML="中华好诗词第五季";
console.log("啦啦啦‘);
</script>
变量:
在JavaScript中声明变量,使用关键词var来实现。
数据类型:
基本类型:
1、字符串(String) 例:var nmae="白小纯";
2、数字(Number) 例:var a=0.618;var b=24;
3、布尔(Boolean) 例:var a=true;var b=false;
4、对空(Null) 例:name=null;通过将值设为null,清空变量
5、未定义(Undefined)表示变量不含有值
6、Symbol(Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。)
引用数据类型:
1、对象(Object)
例:var user={name:"叶凡",age:24};
name=user.name;
age=user.age;
2、数组(Array)
例:var arr=new Array("a","b","c");
3、函数(Function)
typeof 操作符: 用 来检测变量的数据类型;
undefined 和 null 的区别: null 和 undefined 的值相等,但类型不等
typeof undefined // undefined
typeof null // object(用 typeof 检测 null 返回是object)
null === undefined // false
null == undefined // true
类型转换:
1、NaN 的数据类型是: number
2、数组(Array)的数据类型是: object
3、日期(Date)的数据类型为:object
4、null 的数据类型是: object
5、未定义变量的数据类型为: undefined
数字——字符串:
String(a):
String(6)
String(6 + 24)
b.toString():
(7).toString()
(3+5).toString()
布尔——字符串:
String():
String(false) // 返回 "false"
String(true) // 返回 "true"
toString():
false.toString() // 返回 "false"
true.toString() // 返回 "true"
日期——字符串:
Date() //返回字符串
String():
String(new Date()) //返回字符串
toString():
obj = new Date()
obj.toString() //返回字符串
字符串——数字:
Number() :
Number("6.18") // 返回 6.18
Number(" ") // 返回 0
Number("") // 返回 0
Number("9 9") // 返回 NaN
一元运算符+:
var y = "5";
var x = + y;
布尔——数字:
Number():
Number(false) // 返回 0
Number(true) // 返回 1
日期——数字:
Number():
d = new Date();
Number(d);
getTime():
d = new Date();
d.getTime();
自动类型转换:
JavaScript 操作一个错误的数据类型时,会自动转换为正确的数据类型。
例:
6 + null // 返回 6 null 转换为 0
"6" + null // 返回"6null" null 转换为 "null"
"6" + 1 // 返回 "61" 1 转换为 "1"
"6" - 1 // 返回 5 "6" 转换为 6
运算符:
运算符 = 用于赋值
运算符 + 用于加值
1、算术运算符:
+ 加法 -减法 *乘法 /除法 %取余 ++自增 --自减
2、赋值运算符:
= += -= *= /= %=
3、比较运算符:
== 等于 ===绝对等于(值和类型均相等)
!=不等于 !==不绝对等于(值和类型有一个不相等,或两个都不相等)
>大于 <小于 >=大于或等于 <=小于或等于
4、逻辑运算符:
&&与 ||或 !非
5、条件运算符:
variablename=(condition)?value1:value2
例:condition为true则,值为value1,否则为value2
函数:
JavaScript 使用关键字 function 定义函数,可以通过声明定义,也可以是一个表达式。
声明定义:
function fun(){
代码
}
表达式:
var a=function(){
代码
}
例:function fun(a, b) {
return a * b;
}
var x = function (a, b) {return a * b};
函数提升:
JavaScript 默认将当前作用域提升到前面去的的行为
例:
myFun(5);
function myFun(n) {
return n*n;
}
自调用函数:
可自调用:函数表达式、自调用表达式
不可自调用:声明的函数
例:
//表达式后面紧跟 () ,则会自动调用
//通过添加括号,来说明它是一个函数表达式
(function () {
var x = "Hello!!"; // 我将调用自己
})();
函数是对象:
JavaScript 函数有属性和方法
例:
function myFun(a, b) {
return arguments.length;
//arguments.length 属性返回函数调用过程接收到的参数个数
}
function myFun(a, b) {
return a * b;
}
var txt = myFun.toString();
//toString() 方法将函数作为一个字符串返回
箭头函数:
多个参数
(参数1, 参数2, …, 参数N) => { 函数声明 }
(参数1, 参数2, …, 参数N) => 表达式(单一)
// 相当于:(参数1, 参数2, …, 参数N) =>{ return 表达式; }
var a = function(m,n){
return m*n;
}
const a = (m,n)=> m * n;
单个参数
(单一参数) => {函数声明}
单一参数 => {函数声明}
没有参数
() => {函数声明}