JavaScript基础语法
ps:区分大小写,//(注释)
一 输出语句
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
window.alert("hello js~");//写入警告框 window.可省略
document.write("hello js 2~");//写入html页面
console.log("hello js 3");//写入浏览器的控制台
</script>
</body>
</html>
点击查看代码
1.变量
组成字符可以是任何字母、数字、下划线(_)或美元符号($)
数字不能开头
建议使用驼峰命名
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
/* var test = 20;
test = "张三";
alert(test);*/
/*var:
1. 作用域:全局变量
2. 变量可以重复定义
*let
1.只在键字所在的代码块内有效
2.不允许重复声明。
*/
{
let age = 30;
let age2 = 20;
//var age = 20;
}
alert(age);
const PI = 3.14;
//PI = 3;
</script>
</body>
</html>
2.数据类型
原始数据类型:
number:数字(整数、小数、NaN(Not a Number))
string:字符、字符串,单双引皆可
boolean:布尔。true,false
null:对象为空
undefined:当声明的变量未初始化时,该变量的默认值是 undefined
点击查看代码
==:
1. 判断类型是否一样,如果不一样,则进行类型转换
2. 再去比较其值
===:js 中的全等于
1. 判断类型是否一样,如果不一样,直接返回false
2. 再去比较其值
类型转换:
* 其他类型转为number:
1. string: 按照字符串的字面值,转为数字.如果字面值不是数字,则转为NaN。一般使用parseInt
2. boolean: true 转为1,false转为0
* 其他类型转为boolean:
1. number:0和NaN转为false,其他的数字转为true
2. string:空字符串转为false,其他的字符串转为true
3. null:false
4. undefined:false
五 函数(方法)
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
/*function add(a,b){
return a + b;
}
var result = add(1,2);
alert(result);*/
var add = function (a,b){
return a + b;
}
var result = add(1,2);
var result1 = add(1,2,3);
// alert(result1)
var result2 = add(1);
alert(result2);
//alert(result);
</script>
</body>
</html>